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 次浏览

开启你的 职业生涯

通过完成课程来获得认证

开始
广告