1、自动验证
通过在元素中使用属性的方法,该属性可以实现在表单提交时执行自动验证的功能。下面是关于对元素内输入内容进行限制的属性的指定。
属性 | 说明 |
---|---|
required | 输入内容是否不为空 |
pattern | 输入的内容是否符合指定格式 |
min、max | 输入的数值是否在min~max范围 |
step | 判断输入数值是否为step的倍数 |
1.1 required 属性
required 属性的主要目的是确保表单控件中的值已填写,一旦为某个输入型控件设置了 required 属性,就必须填写此项,否则无法提交表单。
属性用法如下:
<form>
电子邮箱:<input type="email" required /></br>
<input type="submit" value="提交"/>
</form>
执行结果:
1.2 pattern 属性
pa