小码哥的IT人生

HTML DOM Input Week 对象

JavaScript基础 2022-05-13 16:20:54小码哥的IT人生shichen

HTML DOM Input Week 对象

Input Week 对象

Input Week 对象是 HTML5 中的新对象。

Input Week 对象表示 HTML <input type="week"> 元素。

注释:Internet Explorer 或 Firefox 不支持 <input type="week"> 元素。

访问 Input Week 对象

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

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h3>演示如何访问 Input Week 字段</h3>
<input type="week" id="myWeek" value="2014-W15">
<p>点击按钮来获得 week 字段的周和年。</p>
<button onclick="myFunction()">试一下</button>
<p id="demo"></p>
<script>
function myFunction() {
    var x = document.getElementById("myWeek").value;
    document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

提示:您也可以通过遍历表单的 elements 集合来访问 Input Week 对象。

创建 Input Week 对象

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

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h3>演示如何创建 Input Week 字段</h3>
<p>点击按钮来创建 Week 字段。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction() {
    var x = document.createElement("INPUT");
    x.setAttribute("type", "week");
    x.setAttribute("value", "2000-W15");
    document.body.appendChild(x);
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

Input Week 对象属性

属性 描述
autocomplete 设置或返回 week 字段的 autocomplete 属性值。
autofocus 设置或返回 week 字段在页面加载后是否应自动获取焦点。
defaultValue 设置或返回 week 字段的默认值。
disabled 设置或返回 week 字段是否被禁用。
form 返回对包含 week 字段的表单的引用。
list 返回对包含 week 字段的 datalist 的引用。
max 设置或返回 week 字段的 max 属性值。
min 设置或返回 week 字段的 min 属性值。
name 设置或返回 week 字段的 name 属性值。
readOnly 设置或返回 week 字段是否是只读的。
required 设置或返回在提交表单之前是否必须填写 week 字段。
step 设置或返回 week 字段的 step 属性值。
type 返回 week 字段的表单元素类型。
value 设置或返回 week 字段的 value 属性值。

标准属性和事件

Input Week 对象支持标准属性事件

相关页面

HTML 教程:HTML 表单

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

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

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024