QQ泡沫乐园 · 免费提供游戏辅助,破解软件,活动资讯,喜欢记得收藏哦!
综合软件_线报活动_游戏辅助_最新电影_最优质的的辅助分享平台

HTML5中追加对元素内输入内容限制的属性的指定

网络 2023-01-10 20:08

自动验证

在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。