HTML 中的 <input>
元素可以用来创建各种不同类型的输入字段,其中之一就是 type="number"
,它允许用户输入一个数字值。
属性
value
: 设置或返回输入字段的值min
: 设置或返回输入字段的最小值max
: 设置或返回输入字段的最大值step
: 设置或返回输入字段的合法数字间隔disabled
: 禁用输入字段required
: 输入字段是否为必需的readonly
: 输入字段是否只读
事件
oninput
: 在用户输入内容时触发onchange
: 在输入字段的值改变时触发onfocus
: 当输入字段获得焦点时触发onblur
: 当输入字段失去焦点时触发
示例代码
<input type="number" id="myNumber" min="1" max="100" step="5">
-- -------------------- ---- ------- ----- ----- - ------------------------------------ ------------- - ---------- - ------------------------- -- -------------- - ---------- - -------------------------- -- ------------- - ---------- - ------------------------- -- ------------ - ---------- - ------------------------- --
以上是关于 <input>
元素中 type="number"
的一些基本信息,通过合理设置属性和事件,可以实现更加丰富和用户友好的数字输入功能。
属性 | 描述 |
---|---|
autocomplete | 设置或返回 number 字段的 autocomplete 属性值 |
autofocus | 设置或返回 number 字段在页面加载后是否自动获取焦点 |
defaultValue | 设置或返回 number 字段默认的值 |
disabled | 设置或返回 number 字段是否可用 |
form | 返回使用 number 字段的表单引用 |
labels | 返回 number 字段的标签元素列表 |
list | 返回包含了 number 字段的 datalist 引用 |
max | 设置或返回 number 字段的 max 属性值 |
min | 设置或返回 number 字段的 min 属性值 |
name | 设置或返回 number 字段的 name 属性值 |
placeholder | 设置或返回 number 字段的 placeholder 属性值 |
readOnly | 设置或返回 number 字段是否只读 |
required | 设置或返回 number 字段在表单中是否为必填字段 |
step | 设置或返回 number 字段的 step 属性值 |
type | 返回 number 字段的表单元素类型 |
value | 设置或返回 number 字段的 value 属性值 |