我可以将输入类型的模式属性添加为数字吗？

Question

这里我有一个HTML5输入.....

<input type="number" pattern="\d{10}" data-pattern-msg="enter a value according to the pattern" />

但这并没有验证这种模式...... 这是什么原因??

Answer 1

这里是W3C HTML Checker（验证器）的维护者。检查程序为您的示例发出错误的原因是HTML规范不允许为pattern元素指定<input type=number>属性;请参阅以下内容属性不得指定，也不适用于the section on the HTML spec on <input type=number>的簿记详细信息部分中的元素列表。

我不确定大多数浏览器是否支持将placeholder与<input type=number>一起使用。

Answer 2

这是type = "number"更改为type="text"并尝试

<input type="text" pattern="\d{10}" data-pattern-msg="enter a value according to the pattern" title="only number" />

定义和用法 pattern属性指定一个正则表达式，用于检查元素的值。

注意：pattern属性适用于以下输入类型：text，search，url，tel，email和password。

提示：使用全局标题属性来描述帮助用户的模式。