HTML5 中的 pattern 属性用于定义一个正则表达式,用来验证 <input> 元素中的值是否符合特定格式。当用户提交表单时,如果输入的内容不匹配该正则表达式,浏览器会阻止提交并显示错误提示。
作用与用法
pattern 属性适用于以下输入类型:text、search、url、tel、email 和 password。它通常与 title 属性配合使用,以提供用户友好的错误提示信息。
例如,要限制输入为三个字母的国家代码:
<input type="text" pattern="[A-Za-z]{3}" title="三字母的国家代码">词源角度解析
pattern 一词来源于英语,意为“模式”或“图案”,在计算机和网页开发语境中,它表示一种规则或格式。在 HTML5 的 pattern 属性中,它代表了用户输入必须遵循的正则表达式模式。
该属性的名称“pattern”强调了其核心功能:定义一个用于匹配输入内容的规则模式。当用户输入数据时,浏览器会检查该输入是否符合这个预设的模式,从而实现客户端的即时验证。
通过使用 pattern 属性,开发者可以轻松地对用户输入进行格式控制,提升用户体验并减少无效数据的提交。