input 的 pattern 验证表单

pattern 用于定义验证输入正则表达式

pattern 属性适用于以下 <input> 类型：text, search, url, telephone, email 以及 password

需要注意的是：input的正则表达式是不需要使用 \ 来转义特殊字符的，这和js里面的正则表达式有所区别，转义了反而会报错

可以使用 title 属性来描述正则表达式，这样在浏览器验证表单是就会按title描述来提示错误消息

使用title虽然会有提示，但提示语前面会附加 “请匹配要求的格式”。如果浏览器是中文，提示语是英文，就会感觉怪怪的

这时我们可以通过setCustomValidity方法来自定义提示信息，更准确的提示给用户

<input type="text" pattern="[a-zA-Z]+" oninvalid="setCustomValidity('只能是字母')" />