如何在 HTML 中编写输入电话号码的模式属性？

Question

问题是：

• 电话输入字段类型应为“tel”，

• 占位符文本应该是Pattern: 234-567-8910

• 限制输入的模式，它应该是必填（required）字段

• 图案应该是 类型[ Pattern:  234-567-8910]。

• 元素名称应该是：telephone.

我的代码是

<input type="tel" name="telephone" id="telephone" required placeholder="Pattern: 234-567-8910" pattern="">

属性模式中应该写什么？

Answer 1

输入中的模式将采用正则表达式。您的要求是获取符合要求的正则表达式[模式：234-567-8910]。正则表达式是 pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"

Answer 2

对于那些不明白的人，pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"，就像你告诉用户可以输入3 0-9 的数字，然后是 3 位数字 [0-9]，最后是 0-9 之间的 4 位数字。但问题是，为什么不能写[0-9]{10}呢？