HTML DOM Input Submit autofocus 屬性


HTML DOM Input Submit autofocus 屬性與 HTML <input> 元素的 autofocus 屬性相關聯。此屬性用於設定或返回頁面載入時是否應自動聚焦於提交按鈕。

語法

以下是語法 −

設定 autofocus 屬性 −

submitObject.autofocus = true|false

此處,true 表示應當聚焦於提交按鈕,false 表示不聚焦。預設設定為 false。

示例

我們來看一個 Input Submit autofocus 屬性的示例 −

現場演示

<!DOCTYPE html>
<html>
<body>
<h1> Submit Autofocus property</h1>
<form action=”/Sample_page.php” style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"><br>
Location: <input type="text" id=“Loc”><br><br>
<input type="submit" id="SUBMIT1" autofocus>
</form>
<p>Get the submit button autofocus property value by clicking the below button</p>
<button type="button()" onclick="FocusVal()">CHECK</button>
<p id="Sample"></p>
<script>
   function FocusVal(){
      var f = document.getElementById("SUBMIT1").autofocus;
      document.getElementById("Sample").innerHTML = "The submit button autofocus property is set to: "+f;
   }
</script>
</body>
</html>

輸出

這將生成以下輸出 −

單擊 CHECK 按鈕 −

更新於: 19-Feb-2021

113 次瀏覽

開啟你的 職業生涯

透過完成課程來獲得認證

開始
廣告
© . All rights reserved.