HTML5输入模式 - 完全' N'数量

时间:2015-03-08 17:22:57

标签: html5 html-input

我想要一个输入,它只能输入N个数量,不能少,不能再输入。

我试过这个: 4位数的示例。

<input type="text" name="myinput" pattern="[0-9]{4}" title="Only four (4) digits.">

但它不起作用,有人知道如何解决它?

1 个答案:

答案 0 :(得分:1)

通过&#34;它不起作用&#34;我假设你的意思是当输入为空时不检查模式。否则,模式似乎没有任何问题。

这就是pattern属性的工作原理。如果您不想允许空输入,则必须添加required

&#13;
&#13;
<form>
    <input type="text" name="myinput" pattern="[0-9]{4}" required>

    <button type="submit">Submit</button>
</form>
&#13;
&#13;
&#13;