HTML | DOM Input Number required 属性

在HTML中，标签的type属性可以设为"number"，从而创建一个数字输入框。此外，还可以使用"required"属性来指定该输入框必填。

Syntax

<input type="number" name="input_name" required>

Description

当在一个数字输入框中使用“required”属性时，用户必须填写该输入框的值，否则提交表单时会出现验证错误。这可以通过 JavaScript 来解决，但是HTML 5的“required”属性更方便。

Example

下面的例子演示了如何创建一个必填的数字输入框：

<form>
  <label for="input_age">年龄：</label>
  <input type="number" id="input_age" name="age" required>
  <button type="submit">提交</button>
</form>

Browser Support

"required"属性是在 HTML5 中引进的。因此，现代浏览器和 IE11 及以上支持该属性，但旧版本的IE不支持。

Conclusion

"required"属性非常有用，因为它可以确保在提交表单之前，用户必须填写此字段。它特别适用于数字输入框，因为通常可以预测此字段的类型，且设为数字之后可以进行格式验证。