表单验证
常应用于登录界面用户名和密码的条件设置
pattern 属性规定用于验证 元素的值(正则表达式),当符合要求条件才可以提交。
(更多的正则表达式可以参见这篇文章:正则表达式)
示例代码:
<form action="" method="get">
输入三个英文字母
代码:<input type="text" name="mycode" pattern="[A-z]{3}" title="要求代码" />
<input type="submit" />
</form>
实现效果:
当然,在HTML5中引入了更方便的输入框类型,如:email、url、number、range、Date pickers (date, month, week, time, datetime, datetime-local)、search、color…
虽然这些新类型大大方便了input的使用,但有时仍无法满足使用。还需要pattern这个属性,因此还是很有必要了解的!