赛捷软件论坛's Archiver

vicky.yu 发表于 2021-10-8 09:51

HTML DOM Input Datetime 对象

Datetime 对象
Datetime 对象是 HTML5 中的新对象。

Datetime 对象表示 HTML <input type="datetime"> 元素。

注释:Internet Explorer、Firefox 或者 Chrome 不支持 <input type="datetime"> 元素,Safari 中部分支持。Opera 12 以及更早的版本中完全支持。

访问 Datetime 对象
您可以通过使用 getElementById() 来访问 <input type="myDatetime"> 元素:

var x = document.getElementById("myDatetime");
亲自试一试
提示:您也可以通过遍历表单的 elements 集合来访问 Datetime 对象。

创建 Datetime 对象
您可以通过使用 document.createElement() 方法来创建 <input type="datetime"> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");
亲自试一试
Datetime 对象属性
属性        描述
autocomplete        设置或返回 datetime 字段的 autocomplete 属性值。
autofocus        设置或返回 datetime 字段在页面加载后是否应自动获取焦点。
defaultValue        设置或返回 datetime 字段的默认值。
disabled        设置或返回 datetime 字段是否被禁用。
form        返回对包含 datetime 字段的表单的引用。
list        返回对包含 datetime 字段的 datalist 的引用。
max        设置或返回 datetime 字段的 max 属性值。
min        设置或返回 datetime 字段的 min 属性值。
name        设置或返回 datetime 字段的 name 属性值。
readOnly        设置或返回 datetime 字段是否是只读的。
required        设置或返回在提交表单之前是否必须填写 datetime 字段。
step        设置或返回 datetime 字段的 step 属性值。
type        返回 datetime 字段的表单元素类型。
value        设置或返回 datetime 字段的 value 属性值。
标准属性和事件
Datetime 对象支持标准属性和事件。

相关页面
HTML 教程:HTML 表单

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

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

<input> date
<input> datetime-local


JavaScript 和 HTML DOM 参考手册
JavaScript 实例
JavaScript 测验
JavaScript 教程
W3School 简体中文版提供的内容仅用于培训和测试,不保证

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.