HTML DOM 輸入日期 autofocus 屬性


HTML DOM 輸入日期 autofocus 屬性用來設定/返回是否在頁面初始載入時輸入日期。

語法

以下是語法 −

  • 返回布林值 - true/false
inputDateObject.autofocus
  • autofocus 設定為 booleanValue
inputDateObject.autofocus = booleanValue

布林值

此處,“booleanValue”可以為以下內容 −

booleanValue詳細資訊
true它定義了輸入將在頁面載入時自動獲取焦點。
false它是預設值,輸入不會自動獲取焦點。

示例

我們來看一下輸入日期 autofocus 屬性的示例 −

 即時演示

<!DOCTYPE html>
<html>
<head>
<title>Input Date Autofocus</title>
</head>
<body>
Date Select: <input type="date" id="Date" autofocus>
<button onclick="removeAutoFocus()">Remove Auto Focus</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("Date");
   divDisplay.textContent = 'Autofocus: '+inputDate.autofocus function removeAutoFocus() {
      if(inputDate.autofocus == true){
         inputDate.autofocus = false;
         divDisplay.textContent = 'Autofocus: '+inputDate.autofocus
      }
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 −

在單擊’移除自動聚焦’按鈕之前 −

在單擊‘移除自動聚焦’按鈕之後 −

更新於: 2019-07-30

115 次瀏覽

啟動你的 職業生涯

透過完成課程獲得認證

立即開始
廣告
© . All rights reserved.