新的输入性表单控件:
email：电子邮箱文本框,跟普通的没什么区别
- 当输入不是邮箱的时候,验证不通过
- 移动端的键盘会发生变化
tel：电话号码
url：网页的URL
search：搜索引擎
- chrome下输入文字后，会多出一个关闭的X
range：特定范围内的数值选择器
- min、max、step(步数)
- 例子： 用js来显示当前数值
number：只能包含数字的输入框
- 输入框末尾有两个箭头 上为加 下为减
color：颜色选择器
- 点击显示颜色版
datetime：显示完整日期
- 类似select选择样式
datetime-local：显示完整日期， 不包含时区
time：显示时间，不含时区
date：显示日期{年月日}
week：显示周{年月日周}
mouth：显示月{年月}
<form> ?<input type="email" /> ?<input type="tel" /> ?<input type="url" /> ?<input type="search" /> ?<!--一个滑块加一根长条 min最小表示数 max最大表示数 step 划一格跳几个数字--> ?<input type="range" min="1" max="10" ?step="2"/>
?<!---->
?<input type="number" />
?<input type="color" />
?<input type="submit" /></form>
新的表单特性和函数
placeholder：输入框提示信息
- 例子：微博的密码框提示
autocomplete
- 默认为on，关闭提示选择off
autofocus：指定表单获取输入焦点
list和datalist：为输入框构造一个选择列表
- list值为datalist标签的id
required：此选项必填， 不能为空
Pattern：正则验证
- pattern=“\d{1,5}”
Formaction在submit里定义提交地址
<input type="text" ?placeholder="请输入4-16个字符" // 输入框内显示 ?autocomplete="off" // 是否记录输入的值 ?autofocus // 聚焦 ?required // 输入框不能为空 ?pattern="\d{1,5}" // 必须输入1到5个数字 />// ?required 和 pattern 具有安全隐患 如果在控制台修改input的pattern和required 那么就可以破除校验// 如果用户在某个页面输入相当多的数据，临时有事需要离开一段时间，此时数据应该保存至草稿箱，那么同一个form表单下，将会有两个不同地址的sumbit提交 ope浏览器已支持 其余浏览器可能不支持<form action="https://www.baidu.com"> ?<input type="text"> ?<input type="submit" value="提交" /> ?<input type="submit" value="保存至草稿箱" formaction="http://www.miaov.com"/></form>html5新增表单控件和表单属性
原文地址：https://www.cnblogs.com/wssjzw/p/9286751.html