HTML DOM Input Week 对象

HTML DOM Input Week 对象表示一个类型为 week 的 input HTML 元素。

语法

以下是语法：

创建一个类型为 **<input>** 的 **Week**

var weekObject = document.createElement(“INPUT”);
weekObject.type = “week”;

属性

这里，**“weekObject”** 可以具有以下属性：

属性	描述
autocomplete	它定义了周字段的 autocomplete 属性的值。
autofocus	它定义了周字段是否应在初始页面加载时获得焦点。
defaultValue	它设置/返回周字段的默认值。
disabled	它定义了周字段是被禁用还是启用。
form	它返回包含周字段的封闭表单的引用。
max	它返回/设置周字段的 max 属性的值。
min	它返回/设置周字段的 min 属性的值。
name	它定义了周字段的 name 属性的值。
readOnly	它定义了周字段是否是只读的。
required	它定义了周字段是否必须填写才能提交表单。
step	它定义了周字段的 step 属性的值。
type	它返回周字段的表单元素类型。
value	它定义了周字段的 value 属性的值。

方法

并且，还有以下方法：

booleanValue	详情
stepDown	它定义了周字段应该减少的周数。
stepUp	它定义了周字段应该增加的周数。

示例

让我们来看一个 **Input Week 表单** 属性的例子：

演示

<!DOCTYPE html>
<html>
<head>
<title>Input Week form</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form id="Mid-Term">
<fieldset>
<legend>Week-form</legend>
<label for="WeekSelect">Examination Week:
<input type="week" id="WeekSelect" value="2019-W36">
</label>
<input type="button" onclick="showExamination()" value="What exams are in this week? ">
<div id="divDisplay"></div>
</fieldset>
</form><script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   function showExamination() {
      divDisplay.textContent = 'Examinations: '+inputWeek.form.id;
   }
</script>
</body>
</html>