JavaScript 参考手册 目录

HTML DOM Input - Number 对象

面试官:小伙子,你的代码为什么这么丝滑?

HTML 中的 <input> 元素可以用来创建各种不同类型的输入字段,其中之一就是 type="number",它允许用户输入一个数字值。

属性

  • value: 设置或返回输入字段的值
  • min: 设置或返回输入字段的最小值
  • max: 设置或返回输入字段的最大值
  • step: 设置或返回输入字段的合法数字间隔
  • disabled: 禁用输入字段
  • required: 输入字段是否为必需的
  • readonly: 输入字段是否只读

事件

  • oninput: 在用户输入内容时触发
  • onchange: 在输入字段的值改变时触发
  • onfocus: 当输入字段获得焦点时触发
  • onblur: 当输入字段失去焦点时触发

示例代码

------ ------------- ------------- ------- --------- ---------
----- ----- - ------------------------------------

------------- - ---------- -
  -------------------------
--

-------------- - ---------- -
  --------------------------
--

------------- - ---------- -
  -------------------------
--

------------ - ---------- -
  -------------------------
--

以上是关于 <input> 元素中 type="number" 的一些基本信息,通过合理设置属性和事件,可以实现更加丰富和用户友好的数字输入功能。


上一篇:HTML 对象 <input> - month
下一篇:HTML 对象 <input> - range