JavaScript 参考手册 目录

HTML DOM Input - Time 对象

HTML 中的 元素可以用来创建各种不同类型的输入字段,其中 type 属性用于指定输入字段的类型。其中, 元素的 type 属性为 "time" 时,会创建一个时间输入字段,允许用户选择时间。

使用方法

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

在上面的示例中,我们创建了一个时间输入字段,id 为 "meeting-time",name 为 "meeting-time"。

属性

  • value: 表示输入字段的值,可以是合法的时间值,例如 "12:00"。
  • min: 设置输入字段的最小时间值。
  • max: 设置输入字段的最大时间值。
  • step: 设置输入字段的时间步长。

事件

  • onchange: 当输入字段的值发生改变时触发该事件。
  • oninput: 当用户输入值时触发该事件。

方法

  • checkValidity(): 检查输入字段的值是否合法,返回 true 或 false。

示例代码

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

在上面的示例中,我们创建了一个时间输入字段,限定了最小时间为 09:00,最大时间为 18:00,时间步长为 15 分钟。当用户选择时间后,会在控制台输出选择的会议时间。


上一篇:HTML 对象 <input> - text
下一篇:HTML 对象 <input> - url