表单新增输入类型:
tel、email、url、number、range、datetime、datetime-local、time、date、week、month、search、color
6.5数值范围类型range
<input type="range" name="range01" min = "最小数值" max="最大数值" step=" 数值间隔" />
6.6日期选择器Date Pickers
6.7搜索类型search
和一般文本框一样,但后面后多一个x清除内容
6.8数据列表标签datalist
选项初始为隐藏状态,当焦点位于对应的文本输入框下方自动展开选项
datalist元素和列表标签<select>用法类似,也需要在首尾标签内部使用一个或多个选项 标签<option>
<input type="text" list="mylist" />
<datalist id="mylist">
<option value="值1">选项一</option>
<option value="值2">选项二</option>
<option value="值3">选项三</option>
<datalist>
6.9 autofocus自动聚焦
6.9 pattern属性
pattern属性用于约束输入与的内容,该属性以正则表达式的方式对输入内容进行规范。作为属性,在标签内直接pattern=“正则式”。
6.10 list属性
可以为输入框提供一系列选项提示,需要与数据列表标签<datalist>配合使用
6.12 novalidate属性
表单提交时不需要验证form和input域的内容
网友评论