input的类型和属性

发布时间:2020-01-04 14:43:56

1.input 新类型

email:检测提交的是否是一个电子邮件格式,

url:是否是一个url格式,

date:年月日格式的控件,

time:时分的格式 <div>今天是<time>星期一</time></div>

datetime:年月日 utc时间

datetime-local:年月日 本地时间

month:年月格式

week:年周

number:数字 例:<input type="number" min="0" max="10" step="2">

range:选择区域

tel:电话输入框

search:搜索 

color:调用系统选色器

2.input新的属性

placeholder:占位符

pattern:正则验证 例:pattern="[0-9]{7,12}"  0到9的数字,7到12位

min/max:input能输入的最小/最大字节的长度

step:针对number和range类型,每次递增step的值

list:指定一个datalist,作为下拉提示单

outline:去蓝框 例:style="outline:none

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

【相关推荐】