自动验证
在HTML5中,通过对元素使用属性的方式,可以实现在表单递交时执行手动验证的功能。下面是在HTML5中追加的关于对元素内输入内容进行限制的属性的指定。
1.required属性
required属性的主要目的是确保表单控件中的值已填写。在递交时,如果元素中内容为空白,则不容许递交,同时在浏览器中显示信息提示文字,提示用户这个元素中必须输入内容。
2.pattern属性
pattern属性的主要目的是按照表单控件上设置的格式规则验证输入是否为有效格式。对input元素使用pattern属性,并且将属性值设为某个格式的正则表达式,在递交时会检测其内容是否符合给定格式。当输入的内容不符合给定格式时,则不容许递交,同时在浏览器中显示信息提示文字,提示输入的内容必须符合给定格式。例如下边所示,要求输入的内容必须为一个数字与3个大写字母。
3.min属性与max属性
min与max这两个属性是数值类型或日期类型的input元素的专用属性,它们限制了在input元素中输入的数值与日期的范围。图14.21所示为在Opera浏览器中max属性的表现形式。
4.step属性
step属性控制input元素中的值降低或降低时的增量。例如当你想让用户输入的值在0与100之间,但必须是5的倍数时,你可以指定step为5。