HTML5表单自动验证总结

1.required

<input   type="text"   name="s"  required>

required属性表示此输入框是必填项，当提交的时候，如果此输入框为空，那么将提示用户输入后提交,默认值是true。

required用于检查表单控件非空

2.pattern

<input  type="text"  name="s" pattern="[0-9]{3}">

pattern属性的值一般为正则表达式，当用户输入的内容符合正则表达式的格式，才能提交，否则提示输入有误

pattern根据表单控件上设置的格式规则验证输入是否为有效格式

3.min  max

<input  type="range"  name="s"  min="1"  max="10">

限制数值型控件的最小值和最大值

用于为表单控件设置min和max特性，并赋予允许的最小值和最大值

4.step

<input  type="range"  name="s"  min="1"  max="20"  step="5">

step属性控制input元素的值增加的步幅

用来保证数值符合min、max和step的要求

5.maxlength

<input   type="text"  name="s"  maxlength="100">

如果输入值的长度超过maxLength，则输入框不在允许输入字符

用来避免输入字符串过长