在HTML5中，<input>元素增加了许多新的属性、控件。本文章分别对这两方面进行介绍。

<input>元素在HTML5中新增加的属性有：autocomplete 、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、max、min、minlength、pattern、placeholder、readonly、required等等。

新增加的属性描述如下：

autocomplete ：是否显示与现在输入内容相匹配的历史输入记录。

     
    
      
验证码：
    
      
     

autofocus ：当页面加载完成后，此元素获得焦点

姓名：
地址：

placeholder ：设置文本控件的预先显示内容

姓名：

required ：设置控件是否为必填项

     
    
      
用户名：
    
      
     

<input>元素的type属性的值，决定了<input>元素显示什么控件。

HTML5中，给<input>增加了许多新的控件，如color、date、email、month、number、range、search、tel、time、url、week等等。

若浏览器不支持新的控件，将默认以文本框展示(type="text")。

<input>元素type属性的值：

type="color" ：颜色控件

type="date" ：日期控件

type="email" ：电子邮件地址输入框

type="month" ：年月控件

type="number" ：数值输入框

type="range" ：滑动条

type="search" ：搜索框

type="tel" ：电话号码输入框

type="time" ：时间控件

type="url" ：网址输入框

type="week" ：周数控件

type="output" 定义一个计算结果

     
      0  
      100  +
        =
      
     

type="reset"   定义重置按钮。重置按钮会清除表单中的所有数据

type="datalist"   指定一个预先定义输入控件选项列表