HTML DOM 輸入文字 autofocus 屬性


HTML DOM 輸入文字的 autofocus 屬性與 HTMl <input> 元素的 autofocus 屬性相關聯。該屬性用於設定或返回是否在頁面載入時自動聚焦輸入文字欄位。

語法

以下是語法 −

設定 autofocus 屬性 −

textObject.autofocus = true|false

在此,true 表示應該聚焦文字欄位,false 表示不聚焦。預設情況下設定為 false。

示例

讓我們看一個 HTML DOM 輸入文字 autofocus 屬性的示例 −

<!DOCTYPE html>
<html>
<body>
<h1>Input text autofocus property</h1>
USERNAME: <input type="text" id="TEXT1" autofocus>
<br><br>
<button onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
   function FocusVal() {
      var P = document.getElementById("TEXT1").autofocus;
      document.getElementById("Sample").innerHTML = "The text field has autofocus property set to "+P;
}
</script>
</body>
</html>

輸出

這將產生以下輸出 −


更新於: 2019 年 8 月 19 日

126 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始
廣告