html5新增的一些表单属性

<input type="range" name="" id="">进度条 ,默认中间值

min最小值,step每次数字间隔值(步长), value设置默认值

<input type="date" name="" id=""> 选择年月日,可以手动可以选择

<input type="month" name="" id=""> 选择年月

<input type="week" name="" id=""> 选择周和年

<input type="time" name="" id=""> 选择时间小时和分钟

 <input type="datetime" name="" id="">选择时间年月日,utc时间 ,精确到分钟

分别对应:

表单验证的好处:

减轻服务器压力,保证数据的可行性和安全性.

placeholder:input类型的文本框提供提示

适用于text.search.url.email.password

 

required提交不能为空

 

 

 pattern用户输入内容必须符合正则表达式所指的规则,否则不能提交

 ^1[358]/d{9}  ^1表示以1开头 ,358任选一个,b表示数字,{9}表示9个数字