<input list='list_t' type="text" name='user' placeholder='请输入姓名' value="" />
<datalist id='list_t'>
<option>这是值1</option>
<option>这是值1</option>
<option>这是值1</option>
<option>这是值1</option>
</datalist>
<input name="userName" required pattern="\d{3}" type="text"/>
pattern属性的值一般为正则表达式，当用户输入的内容符合一定的格式，那么才能提交，否则将提示用户不符合要求，如上所示必须输入3位数字。
required属性可以用用在大多数的输入元素上（除了隐藏元素、图片元素按钮上等）。
required属性表示此输入框是必填项，当提交的时候，如果此输入框为空，那么将提示用户输入后提交。
<input type="color"/>
color类型的input元素用来取色，它提供了一个颜色的取色器。
<input type="range"/>
此输入框是一种只允许输入某一段范围内数值的文本框，它同样也具有四个属性，分别是：min、max、step和value，默认的取值范围为0-100。
min：此输入框的最小值
max：此输入框的最大值
step：当点击上下箭头数值一次跳几个
value：表示此输入框的默认值
<input type="number"/>
此输入框是一种专门用来输入数字的文本框，并且在提交的时候会验证内容是否为数字，它具有四个属性，分别是：min、max、step和value。
min：此输入框的最小值
max：此输入框的最大值
step：当点击上下箭头数值一次跳几个
value：表示此输入框的默认值
属性值:
| 值 | 描述 |
| button | 定义可点击的按钮（通常与javascript一起使用来启动脚本）。 |
| checkbox | 定义复选框。 |
| color（HTML5） | 定义拾色器。 |
| date（HTML5） | 定义date控件（包括年、月、日，不包括时间）。 |
| datetime（HTML5） | 定义date和time控件（包括年、月、日、时、分、秒、几分之一秒，基于UTC时区）。 |
| datetime-local（HTML5） | 定义date和time控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。 |
| email（HTML5） | 定义用于e-mail地址的字段。 |
| file | 定义文件选择字段和 "浏览..." 按钮，供文件上传。 |
| image | 定义图像作为提交按钮。 |
| month（HTML5） | 定义month和year控件（不带时区）。 |
| number（HTML5） | 定义用于输入数字的字段。 |
| password | 定义密码字段（字段中的字符会被遮蔽）。 |
| radio | 定义单选按钮。 |
| range（HTML5） | 定义用于精确值不重要的输入数字的控件（比如 slider 控件）。 |
| reset | 定义重置按钮（重置所有的表单值为默认值）。 |
| search（HTML5） | 定义用于输入搜索字符串的文本字段。 |
| submit | 定义提交按钮。 |
| tel（HTML5） | 定义用于输入电话号码的字段。 |
| text | 默认。定义一个单行的文本字段（默认宽度为 20 个字符）。 |
| time（HTML5） | 定义用于输入时间的控件（不带时区）。 |
| url（HTML5） | 定义用于输入 URL 的字段。 |
| week（HTML5） | 定义 week 和 year 控件（不带时区）。 |
