input的type类型
当格式填写不对时,会出现提醒
url
必须是http(s)://开头的网址格式
color
可以将颜色作为value提交到后台
search
语义化搜索,无其他特殊的
number
<input type="number" min="限制最小值" max="限制最大值" step="步长,每次增加的数量" value="默认值" >
range
表现形式为进度条样式,提交的内容的进度条对应的数值
<input type="range" min="限制最小值" max="限制最大值" step="步长,每次增加的数量" value="默认值" >
date
需要输入年月日
month
需要输入年月
week
需要输入年周(没有月)
time
date-time
格林威治时间,需手动输入eg:2022-4-1 3:12:30,浏览器地址栏显示的是经过转码的数值
datetime-local
表单验证
placeholder
默认显示文本框内提示的文字,文字为placeholder=""中的内容,当在文本框内输入内容时,提示的文字消失
required
文本框不能为空,适用于:text,search,url,email,password,number,checkbox,radio,file等
pattern
输入的内容需要符合正则输入法规则,规则为placeholder=""中的内容,eg:placeholder="^1[358]\d{9}",即为以1开头,在358中选一个,再加9个数字
小技巧
width=100%; 自动填满窗口宽度,并能随窗口缩放而缩放。