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 分钟。当用户选择时间后,会在控制台输出选择的会议时间。