表单 总结
1.email:电子邮箱文本框,跟普通的没什么区别
当输入不是邮箱的时候,验证不通过
移动端的键盘会有变化
输入的不是邮箱,点击提交后会有提示
2.tel:电话号码
tel的功能主要在移动端,一个键盘的切换
3.url:网页的url
输入的不是url,点击提交后会有提示
4.search:搜索引擎
--chrome下输入文字后,会多出一个关闭的x
没什么特别的只是在输入的时候多一个x,再点击这个x的时候你输入的内容会消失
5.range:特定范围内的数值选择器
-min,max,step(步数)
-例子:用js来显示当前数值
step:每次走几步
min:起始点
max:最大值
value:当前值
6.number:只能包含数字的输入框
只能输入数字,输入其他的不能显示
7.color:颜色选择器
8.datetime:显示完整日期 opera浏览器下起作用
chrome:用date
9.datetime-local:显示完整日期不含时区
10.time:显示时间,不含时区
11.date:显示日期
12.week:显示周
13.month:显示月
14.placeholder:输入框提示信息
15.autocomplete:是否保存用户输入值
-默认为on,关闭提示选择off
16.autofocus:指定表单获取输入焦点
17.required:此项必填,不能为空
18.pattern:正则验证 pattern=“\d{1,5}”