七、新增表单功能
1. 表单控件新增属性
属性名 | 功能 |
---|---|
placeholder | 提示文字(注意:不是默认值, value 是默认值),适用于文字输入类的表 |
required | 表示该输入项必填, 适用于除按钮外其他表单控件。 |
autofocus | 自动获取焦点,适用于所有表单控件。 |
autocomplete | 自动完成,可以设置为 on 或 off ,适用于文字输入类的表单控件。注意:密码输入框、多行输入框不可用。 |
pattern | 填写正则表达式,适用于文本输入类表单控件。 注意:多行输入不可用,且空的输入框不会验证,往往与 required 配合。 |
2. input 新增属性值
属性名 | 功能 |
---|---|
email | 邮箱类型的输入框,表单提交时会验证格式,输入为空则不验证格式。 |
url | ur1 类型的输入框,表单提交时会验证格式,输入为空则不验证格式. |
number | 数字类型的输入框,表单提交时会验证格式,输入为空则不验证格式。 |
search | 搜索类型的输入框,表单提交时不会验证格式。 |
tel | 电话类型的输入框,表单提交时不会验证格式,在移动端使用时,会唤起数字键盘。 |
range | 范围选择框,默认值为59 ,表单提交时不会验证格式。 |
color | 颜色选择框,默认值为黑色,表单提交时不会验证格式。 |
date | 日期选择框,默认值为空,表单提交时不会验证格式 |
month | 月份选择框,默认值为空,表单提交时不会验证格式 |
week | 周选择框,默认值为空,表单提交时不会验证格式。 |
time | 时间选择框,默认值为空,表单提交时不会验证格式。 |
datetime-local | 日期+时间选择框,默认值为空,表单提交时不会验证格式。 |
3. form 标签新增属性
属性名 | 功能 |
---|---|
novalidate | 如果给 form 标签设置了该属性,表单提交的时候不再进行验证。 |