H5表单的pattern验证

html的表单元素可以让用户提交信息，是交互式页面的重要组成部分，H5中为<input>标签提供了更多的属性，其中包括电子邮件，电话，URL等，与原先普通的text属性相比，这些新属性可以提供原生的校验功能，结合pattern属性的正则表达式校验，就可以实现之前必须依赖Javascript的一些校验机制。

基本的校验可以在<input>标签中添加 type = “email” type = "tel" type = "URL"属性，这样浏览器就会自动检测输入的格式，是否符合上述类型，如果不符合，就会弹出提示。出于无障碍访问和互联网的开放精神，我们必须为那些对于互联网认知较浅的用户提供足够的提示，否则用户很有可能会放弃输入。提示的方法有，在<input>标签中添加placeholder = "要提示的内容"，表单元素在下方添加描述段落。

进一步的，可以使用pattern属性，如<input id = "tel" name = "tel"  pattern = "\d{3}-\d{4}-\d{4}">，这样就规定了输入格式必须是"xxx-xxxx-xxxx".pattern借用了正则表达式的校验方法，在http://html5pattern.com网站上，有非常多这样的例子，对于不了解正则表达式的童鞋，也可以套用格式使用。