Question

所以我在Google上遇到了图案属性，但关于w3schools的信息对于像我这样的新手来说还不够清楚。

pattern="[0]{1}[0-9]{7,10}"

如果我错了，请纠正我，但我认为这意味着第一个值必须为0;剩余的值可以是0-9之间的任何数字;总长度必须在最小8到最多11个字母之间;只有数字。

pattern="[0-9]{5}"

我认为这仅仅意味着数字;总长度必须为5。

我在开头和结尾看到一些用途/。这是什么意思？还有更多奇怪的模式属性显示在这里，我不能列出大部分，因为我不知道它是什么。

此外，如果我有2个密码输入（一个用于密码，另一个用于确认），如何使用模式属性确保确认密码等于之前的html5密码？

Answer 1

您对这两个pattern属性的解释是正确的。然而，其中第一个是不必要的复杂。一次重复一个字符就意味着只需要一个字符，所以第一个属性可以简化为pattern="0[0-9]{7,10}"。

斜杠/在pattern属性值中没有特殊含义;它代表着自己。例如，pattern="/\d+"表示该值必须包含/字符后跟一个或多个数字。

{* 3}}属性在HTML5草稿中定义，因此其值遵循JavaScript（ECMAScript）正则表达式语法和语义。在实践中，您应该从pattern开始。

您不能使用pattern属性来检查字段的值是否等于另一个字段的值。该属性始终适用于单个元素。可以使用JavaScript轻松进行此类等式检查。它们应仅被视为用户方便;必须在服务器端表单处理程序中进行真正的验证和保护。