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>