为什么：maxlength不会将长度限制为四个字符

Question

<input class="form-control" th:type="number" th:maxlength="4" id="code" th:field="*{code}" th:value="${code}" /> 

在我的HTML5页面上，上面的输入字段可以防止输入字母数字字符，但不会将长度限制为4个字符。

如何解决？

Answer 1

您需要将输入类型“数字”更改为“文本”

th:maxlength="4"无效th:type="number"仅适用于th:type="text"。

Answer 2

无需将输入类型从数字更改为文本。输入类型number没有maxlength属性（请参阅：HTML DOM Input Number Object）。相反，您应该使用min和max属性。所以你的HTML看起来应该是，

<input class="form-control" th:type="number" th:max="4" id="code" 
       th:field="*{code}" th:value="${code}" />

现在它只允许输入最大值为4的数字。