HTML 只输入 4 位数字 - HTML

在 HTML 表单中，我们可以指定输入框的类型为数字，这样用户就只能输入数字，而不能输入其他字符。但是默认情况下，用户可以输入任意长度的数字，但有时候我们需要限制用户只能输入 4 位数字。

实现方式

我们可以使用 min 和 max 属性来限制输入框的取值范围，从而实现只能输入 4 位数字的效果。具体实现方式如下：

<input type="number" name="input-name" min="1000" max="9999" required>

上述代码中，使用了 type="number" 来指定输入框类型为数字，min="1000" 和 max="9999" 分别指定了输入框的取值范围，从 1000 到 9999，这样输入框就只能输入 4 位数字了。

同时，我们还可以使用 required 属性来指定该输入框为必填项。

示例代码

<form>
  <label>请输入 4 位数字：</label>
  <input type="number" name="input-name" min="1000" max="9999" required>
  <input type="submit" value="提交">
</form>

上述代码可以生成一个表单，其中有一个输入框，用户需要输入 4 位数字才能提交表单。如果用户输入的内容不符合要求，则会提示错误信息。

注意事项

需要注意的是，在某些旧版本的浏览器中，min 和 max 属性的兼容性可能不是很好，如果你的用户群体中有许多使用旧版本浏览器的人，那么最好使用 JavaScript 来进行相关的验证。