日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
HTML5深入淺出教學(xué)篇之六

介紹

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     text 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     password 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     url 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     telephone 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     email 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

#p#

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     search 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     file 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     radio 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.     radio button title 
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.     radio button title 
    12. 
  
  
  
  12.      
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     checkbox 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.     checkbox title 
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     button 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.           
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

#p#

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     submit 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.          
    10. 
  
  
  
  10.          
    11. 
  
  
  
  11.      
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     reset 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.          
    10. 
  
  
  
  10.          
    11. 
  
  
  
  11.      
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     number 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

14、range - 滑動條element/form/input/range.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     range 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     image 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.       
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

#p#

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     hidden 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     color 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     datetime datetime-local date time month week 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.      
    12. 
  
  
  
  12.      
    13. 
  
  
  
  13.      
    14. 
  
  
  
  14.      
    15. 
  
  
  
  15.      
    16. 
  
  
  
  16.      
    17. 
  
  
  
  17.      
    18. 
  
  
  
  18.      
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20.  
    21.

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     input 元素的通用屬性: autocomplete, placeholder, pattern, dirname, size, maxlength, readonly, required, list, multiple, min, max, step 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.          
    10. 
  
  
  
  10.          
    11. 
  
  
  
  11.          
    12. 
  
  
  
  12.          
    13. 
  
  
  
  13.          
    14. 
  
  
  
  14.          
    15. 
  
  
  
  15.          
    16. 
  
  
  
  16.          
    17. 
  
  
  
  17.          
    18. 
  
  
  
  18.          
    19. 
  
  
  
  19.          
    20. 
  
  
  
  20.          
    21. 
  
  
  
  21.          
    22. 
  
  
  
  22.          
    23. 
  
  
  
  23.          
    24. 
  
  
  
  24.          
    25. 
  
  
  
  25.          
    26. 
  
  
  
  26.          
    27. 
  
  
  
  27.          
    28. 
  
  
  
  28.          
    29. 
  
  
  
  29.          
    30. 
  
  
  
  30.          
    31. 
  
  
  
  31.          
    32. 
  
  
  
  32.          
    33. 
  
  
  
  33.          
    34. 
  
  
  
  34.          
    35. 
  
  
  
  35.          
    36. 
  
  
  
  36.              
    37. 
  
  
  
  37.              
    38. 
  
  
  
  38.              
    39. 
  
  
  
  39.          
    40. 
  
  
  
  40.          
    41. 
  
  
  
  41.          
    42. 
  
  
  
  42.          
    43. 
  
  
  
  43.          
    44. 
  
  
  
  44.              
    45. 
  
  
  
  45.              
    46. 
  
  
  
  46.              
    47. 
  
  
  
  47.          
    48. 
  
  
  
  48.          
    49. 
  
  
  
  49.          
    50. 
  
  
  
  50.          
    51. 
  
  
  
  51.          
    52. 
  
  
  
  52.          
    53. 
  
  
  
  53.      
    54. 
  
  
  
  54.  
    55. 
  
  
  
  55.  
    56.

[源碼下載]


當(dāng)前題目：HTML5深入淺出教學(xué)篇之六
轉(zhuǎn)載來于：http://www.dlmjj.cn/article/cociopc.html