最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

介紹

HTML 5: 表單元素之input 元素

表單元素之 input 元素 - text, password, url, telephone, email, search, file, radio, checkbox, button, submit, reset, number, range, image, hidden, color, datetime, datetime-local, date, time, month, week

input 元素的通用屬性 - autocomplete, placeholder, pattern, dirname, size, maxlength, readonly, required, list, multiple, min, max, step

示例

1、text - 文本框element/form/input/text.html

2、password - 密碼框element/form/input/password.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);     
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

3、url - url 框element/form/input/url.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

4、telephone - 電話框element/form/input/telephone.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

5、email - 電子郵件框element/form/input/email.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

#p#

6、search - 搜索框element/form/input/search.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

7、file - 用于上傳文件element/form/input/file.html

8、radio - 單選框element/form/input/radio.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
    radio button title 
  
  
  
     
  
  
  
    radio button title 
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

9、checkbox - 復(fù)選框element/form/input/checkbox.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
    checkbox title 
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].checked);  
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

10、button - 一般按鈕element/form/input/button.html

#p#

11、submit - 提交按鈕element/form/input/submit.html

12、reset - 復(fù)位按鈕element/form/input/reset.html

13、number - 數(shù)字輸入框element/form/input/number.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);     
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

14、range - 滑動(dòng)條element/form/input/range.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

15、image - 顯示圖片element/form/input/image.html

#p#

16、hidden - 隱藏元素，不會(huì)顯示element/form/input/hidden.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

17、color - 顏色選擇器element/form/input/color.html

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
 
  
  
  
 
  
  
  
     
  
  
  
     
  
  
  
     
  
  
  
        alert(document.getElementsByTagName("input")[0].value);      
  
  
  
     
  
  
  
 
  
  
  
 
 
 
 

18、datetime - 日期時(shí)間輸入/選擇框（UTC）, datetime-loca - 日期時(shí)間輸入/選擇框（本地時(shí)區(qū)）, date - 日期輸入/選擇框, time - 時(shí)間輸入/選擇, month - 月份輸入/選擇框, week - 星期輸入/選擇框element/form/input/datetime_datetime-local_date_time_month_week.html.html

19、input 元素的通用屬性element/form/input/_attributes.html

[源碼下載]

文章題目：HTML5深入淺出教學(xué)篇之六
文章起源：http://fisionsoft.com.cn/article/cociopc.html