1.email电子邮箱文本框
<input type="email" name="" id="">
2.tel电话号码
<input type="tel" name="" id="">
3.url网页URL地址
<input type="url" name="" id="">
4.search搜索引擎
<input type="search" name="" id="">
5.date日期类型
<input type="date" name="" id="">
6.time时间
<input type="time" name="" id="">
7.range特定范围内的数值选择器
<input type="range" name="" id="">
8.number只包含数字的输入框
<input type="number" name="" id="">
9.placeholder输入框提示信息
<input type="text" name="" id="" placeholder="请输入用户名">
10.autocomplete是否保存用户输入值
autocomplete是否保存用户输入值，默认为on，关闭提示选择off
11.autofocus指定表单获取输入焦点
<input type="text" name="" autofocus>
12.required此项必填，不为空
Name: <input type="text" name="usr_name" required="required">
13.disabled表单禁用状态
<p>Last name: <input type="text" name="lname" disabled></p>
14.datalist选项列表与input元素配合使用，来定义input可能的值
<label for="myBrowser">从列表中选择这个浏览器</label>
<input list="browsers" id="myBrowser" name="myBrowser">
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>
<input type="submit" value="提交">
定义和用法
- <label> 标签为 input 元素定义标注（标记）。
- label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
- <label> 标签的 for 属性应当与相关元素的 id 属性相同。（规定 label 绑定到哪个表单元素）
