HTML DOM Input Time 物件

HTML DOM Input Time 物件表示一個型別為 Time 的 input HTML 元素。

語法

以下是語法：

建立型別為 time 的<input>

var timeObject = document.createElement(“input”);
timeObject.type = “time”;

屬性

這裡，“time” 可以具有以下屬性：

屬性	描述
autocomplete	它定義時間欄位的 autocomplete 屬性的值。
autofocus	它定義時間欄位是否應該在初始頁面載入時獲得焦點。
defaultValue	它設定/返回時間欄位的預設值。
disabled	它定義時間欄位是否被停用/啟用。
form	它返回包含時間欄位的封閉表單的引用。
max	它返回/設定時間欄位的 max 屬性的值。
min	它返回/設定時間欄位的 min 屬性的值。
name	它定義時間欄位的 name 屬性的值。
readOnly	它定義時間欄位是否為只讀。
required	它定義時間欄位是否為必填欄位，以便提交表單。
step	它定義時間欄位的 step 屬性的值。
type	它返回時間欄位的表單元素型別。
value	它定義時間欄位的 value 屬性的值。

方法

並且，還有以下方法：

booleanValue	細節
stepDown	它定義時間欄位應該減少的分鐘數。
stepUp	它定義時間欄位應該增加的分鐘數。

示例

讓我們來看一個Input Time 表單屬性的示例：

即時演示

<!DOCTYPE html>
<html>
<head>
<title>Input Time 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="Physics">
<fieldset>
<legend>Time-form</legend>
<label for="TimeSelect">Examination Time :
<input type="time" id="TimeSelect" value="14:00" disabled>
</label>
<input type="button" onclick="getform()" value="Which Exam?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   function getform() {
      divDisplay.textContent = inputTime.form.id+' exam starts from '+inputTime.value;
   }
</script>
</body>
</html>