H5新增的表单元素
新增表单type类型
邮箱:type="email"
1·提供了邮箱形式的简单验证
2·打开移动端的邮箱键盘
手机号:type="tel"
1·打开移动端拨号键盘
网址:type="url"
1·简单的网址格式验证
2·打开网址键盘
数字类型:type="number"
1·打开数字类型键盘
2·提供一个简洁的更换值的上下箭头
颜色色盘:type="color"
时间类型:type="date" 年月日
type="time" 时分秒
年月日和时刻
datetime-local
搜索框类型:type:"secrch"
标尺类型:typr:"range"
size 设置下拉列表的显示选项的个数
required 必填项
readonly 只读项
autofocus 自动聚焦属性
autocomplete="on/off" 自动提示功能
multiple 文件上传域多个文件
disabled 禁用的
pattern="模式字符串"
功能:把用户的输入把pattern进行对比如果符合输入模式则提交 如果不符合则阻断提交
例如手机号11位 11位数字转换成计算机语言 正则表达式
[0-9] or \ d数字类型
{n,m}n到m位 {9} 只需要9位
[0-9]{11} or\d{11}
^代表以什么开头
$代表以什么结尾
form是表单属性