📅  最后修改于: 2023-12-03 15:07:32.194000             🧑  作者: Mango
HTML 表单提供了多种输入类型,如文本框、密码框、下拉框等。针对数字输入,HTML 表单提供了一个特定的标签 input
,其 type
属性设置为 number
。
input
标签中,除了 type
属性,还可以使用 min
和 max
属性来表示数字的范围。其中,min
属性表示最小值,max
属性表示最大值。例如,设置一个取值范围在 0 到 100 之间的数字输入框:
<input type="number" min="0" max="100" name="num">
在浏览器中渲染出来的效果如下:
需要注意的是,min
和 max
属性必须同时使用。另外,浏览器也支持使用 step
属性来设置数字的步进值。例如,设置一个取值范围在 0 到 100 之间,步进值为 10 的数字输入框:
<input type="number" min="0" max="100" step="10" name="num">
在浏览器中渲染出来的效果如下:
以上就是 HTML 表单数字范围标签的介绍。在开发 Web 应用时,有时需要使用数字输入框来限制用户输入的范围,此时可以使用 input
标签的 min
和 max
属性来实现。