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 属性值 |