Skip to content

七、新增表单功能

1. 表单控件新增属性

属性名功能
placeholder提示文字(注意:不是默认值, value 是默认值),适用于文字输入类的表
required 表示该输入项必填, 适用于除按钮外其他表单控件。
autofocus 自动获取焦点,适用于所有表单控件。
autocomplete自动完成,可以设置为 onoff ,适用于文字输入类的表单控件。
注意:密码输入框、多行输入框不可用。
pattern填写正则表达式,适用于文本输入类表单控件。
注意:多行输入不可用,且空的输入框不会验证,往往与 required 配合。

2. input 新增属性值

属性名功能
email邮箱类型的输入框,表单提交时会验证格式,输入为空则不验证格式。
urlur1类型的输入框,表单提交时会验证格式,输入为空则不验证格式.
number数字类型的输入框,表单提交时会验证格式,输入为空则不验证格式。
search搜索类型的输入框,表单提交时不会验证格式。
tel电话类型的输入框,表单提交时不会验证格式,在移动端使用时,会唤起数字键盘。
range范围选择框,默认值为59,表单提交时不会验证格式。
color颜色选择框,默认值为黑色,表单提交时不会验证格式。
date日期选择框,默认值为空,表单提交时不会验证格式
month月份选择框,默认值为空,表单提交时不会验证格式
week选择框,默认值为空,表单提交时不会验证格式。
time时间选择框,默认值为空,表单提交时不会验证格式。
datetime-local日期+时间选择框,默认值为空,表单提交时不会验证格式。

3. form 标签新增属性

属性名功能
novalidate 如果给 form 标签设置了该属性,表单提交的时候不再进行验证。