HTML5新增的表单属性
type
number 数字控件(只能输入数字) 属性min,max,step可以配合使用
range 范围控件(通过控制条调整值)属性min,max,step可以配合使用
search 搜索控件
tel 电话控件
url 地址控件
email 邮箱控件
color 颜色控件
date 日期控件(年,月,日,不包含时间),火狐支持
time 时间控件,火狐支持
datetime-local 日期时间控件,暂时火狐不支持
month 月插件(年,月),暂时火狐不支持
week 周插件(年,周)暂时火狐不支持
用于提交按钮和提交图片的属性
form属性 值为一个form标签的id值
formaction属性 指定提交按钮提交数据的地址
formenctype属性 指定表单提交的编码格式
formmethod属性 指定表单提交的方式
formnovalidate属性 指定表单是否验证,布尔属性,写上就代表不验证
formtarget属性 指定响应打开的方式
autofocus 当页面加载完毕的时候,默认聚焦。在页面中,只能有一个表单元素具有该属性
list 取值为元素的id,用于显示提示内容
例如:
<datalist id="one">
<!-- option中不用内容只用写value -->
<option value="1"></option>
<option value="2"></option>
</datalist>
<input type="text" list="one">
max/min 表单组件能够接受到的最大值/最小值
placeholder 对用户的输入进行提示,常用于搜索框,不要出现回车换行
pattern 取值为正则表达式,用于表单验证
比如验证手机号:pattern=”1\d{10}” maxlength=“11” 验证邮箱:pattern=”\W+@\W+.com”
required 表示在表单提交之前必须表单组件中必须输入值