在 HTML 中,可以通过使用 <input>
元素的 min
和 max
属性来设置最小和最大数值限制的范围输入。
<input type="number" min="0" max="100">
在上述代码中,type="number"
表示输入类型为数字,min="0"
表示最小值为 0,max="100"
表示最大值为 100。用户在输入时,如果输入的值小于最小值或大于最大值,浏览器会提示错误信息。
除了 type="number"
,还可以使用 type="range"
来创建一个滑动条,用于选择数值范围。同样可以设置 min
和 max
属性来限制数值范围。
<input type="range" min="0" max="100">
在上述代码中,type="range"
表示输入类型为滑动条,min="0"
表示最小值为 0,max="100"
表示最大值为 100。用户在移动滑动条时,会实时显示当前所选的数值,并且不会超出最小和最大值的范围。