input标签的type属性值汇总

1. button: 一个普通的按钮，没有预设定的行为。

   <input type="button" value="Button">
   

2. checkbox: 一个复选框，允许用户从多个选项中选择多个。

   <input type="checkbox" name="interest" value="coding">
   

3. color: HTML5新增，颜色选择器。

   <input type="color" name="favcolor">
   

4. date: HTML5新增，用于选择日期。

   <input type="date" name="bday">
   

5. datetime-local: HTML5新增，用于选择日期和时间（无时区）。

   <input type="datetime-local" name="bdaytime">
   

6. email: HTML5新增，用于电子邮件输入，会对输入内容进行一些基本的验证。

   <input type="email" name="email">
   

7. file: 用于文件上传。

   <input type="file" name="myfile">
   

8. hidden: 用于隐藏的输入字段，用户无法看到，但可以被表单提交。

   <input type="hidden" name="userid" value="123456">
   

9. image: 定义图像形式的提交按钮。

   <input type="image" src="submit.gif" alt="Submit">
   

10. month: HTML5新增，用于选择月和年。

    <input type="month" name="bdaymonth">
    

11. number: HTML5新增，用于输入数字。

    <input type="number" name="quantity" min="1" max="10">
    

12. digit: HTML5新增，用于输入数字。
    
     

    <input type="digit" name="quantity" min="1" max="10">

    
     
13. password: 密码输入字段，字符会被遮蔽。

    <input type="password" name="pwd">
    

14. radio: 单选框，用户可从多个选项中选择一个。

    <input type="radio" name="gender" value="male">
    

15. range: HTML5新增，用于输入一定范围内的数字。

    <input type="range" name="points" min="0" max="10">
    

16. reset: 重置按钮，会清除表单中所有字段的值。

    <input type="reset" value="Reset">
    

17. search: HTML5新增，用于搜索字段。

    <input type="search" name="googlesearch">
    

18. submit: 提交按钮，用于提交表单。

    <input type="submit" value="Submit">
    

19. tel: HTML5新增，用于输入电话号码。

    <input type="tel" name="phone">
    

20. text: 文本输入字段。

    <input type="text" name="firstname">
    

21. time: HTML5新增，用于选择时间。

    <input type="time" name="usr_time">
    

22. url: HTML5新增，用于输入URL。

    <input type="url" name="homepage">
    

23. week: HTML5新增，用于选择一周中的一天。

    <input type="week" name="week_year">