HTML DOM Input Time 对象

Input Time 对象

Input Time 对象代表带有 type="time" 的 HTML <input> 元素。

注释:<input type="time"> 在 IE11 及更早版本中不显示为正确的时间字段。

访问 Input Time 对象

您可以使用 getElementById() 访问 type="time" 的 <input> 元素:

var x = document.getElementById("myTime");

亲自试一试

提示:您还可以通过搜索表单的 elements 集合来访问 <input type="time">。

创建 Input Time 对象

您可以使用 document.createElement() 方法创建 type="time" 的 <input> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "time");

亲自试一试

Input Time 对象属性

属性 描述
autocomplete 设置或返回时间字段的 autocomplete 属性的值。
autofocus 设置或返回页面加载时时间字段是否应自动获得焦点。
defaultValue 设置或返回时间字段的默认值。
disabled 设置或返回是否禁用时间字段。
form 返回对包含时间字段的表单的引用。
list 返回对包含时间字段的数据列表的引用。
max 设置或返回时间字段的 max 属性值。
min 设置或返回时间字段的 min 属性值。
name 设置或返回时间字段的 name 属性值。
readOnly 设置或返回时间字段是否为只读。
required 设置或返回提交表单前是否必须填写时间字段。
step 设置或返回时间字段的 step 属性值。
type 返回时间字段是哪种类型的表单元素。
value 设置或返回时间字段的 value 属性值。

Input Time 对象方法

方法 描述
select() 选取时间文本字段的内容。
stepDown() 将时间字段的值递减指定的数字。
stepUp() 将时间字段的值增加指定的数字。

标准属性和事件

Input Time 对象同时支持标准属性和事件。

相关页面

HTML 教程:HTML 表单

HTML 参考手册:HTML <input> 标签

HTML 参考手册:HTML <input> type 属性