H5新特性--常用表单总结

不废话直接上干货

一、表单标签:
新增的type属性:email,tel,url,number,search,range,color,time,date,datetime-local,month,week,之前的只有text 和 password

详解如下: email :邮件格式,会自动验证邮件格式对不会
Tel :电话号码的格式
url :url地址格式
number :数字格式的输入框,只能输入数字,可以设置最大值max与最小值min
search :输入框的优化,在输入框的后面会有一个x号可以全部清除内容
color :颜色的选取
time :点击可以选择时间的范围
date :箭头下拉可以展示日期的格式
week : 生成时间格式月、周
上图:H5新特性--常用表单总结_第1张图片
二、其他的属性:
a、placeholder: 提示文本,输入文字后提示文本会自动消失,删除文字提示文本回来
H5新特性--常用表单总结_第2张图片
b、autofocus:自动获取焦点,用法与上面的a一致,写在盒子中即可
c、autocomplete:自动获取已经提交过得历史记录信息补全
d、required:必填校验

你可能感兴趣的:(前端CSS)