Number类型input标签
<input type="number" name="num" min="1" max="1000" step="1" />
min:标识当前输入框输入的最小值 max:标识当前输入框输入的最大值 step:标识点击增大/减小的时候,增加/减少的步长
Email类型的input标签
<input type="email" name="email" placeholder="请输入注册邮箱" />
URL类型的input标签
<input type="url" placeholder="请输入网址" />
Tel类型的input标签
<input type="tel" placeholder="请输入电话" />
range类型的input标签
<input type="range" min="0" max="50" step="5" value="0">
此标签可以与outpur标签一起使用,达到联动效果:
<form oninput="output.value=parseInt(range.value)">
<input type="range" min="0" max="100" step="5" name="range" value="0">
<output name="output">0</output>
</form>
日历
<input type="date" name="datedemo" month="" time="" week="" datetime-local="" datetime="" />
颜色选择input标签
<input type="color" name="colordemo" />
input标签自动完成功能
<input type="text" autocomplete="on" name="autocompleteDemo' list="autoNames" />
<datalist id="autoNames">
<option value="test"></opiton>
<option value="text"></option>
<option value="task"></option>
</datalist>
input表单新增的特有属性:
autofocus:当前页面加载后立即获得焦点
<input type="text" autofocus="autofocus" />
max、min、step:最大值、最小值和步数。
multiple:用于文件上传控件,设置此属性后,允许多个文件。
校验属性:设置了required属性后预示着当前文本框在提交前必须有数据输入。还添加了pattern正则表达式校验,并可以添加form属性,意味着任何一个标签都可以指定它所述于一个表单。
<input type="text" autofocus="autofocus" required patterb="d+" />
form表单新增属性:
novalidate规定在提交表单时不验证form或input
<form action="" method="POST" novalidate="true"></form>