HTML DOM Input Text autofocus 属性

htmlweb developmentfront end technology更新于 2025/9/27 15:08:17

HTML DOM Input Text autofocus 属性与 HTML <input> 元素的 autofocus 属性相关联。此属性用于设置或返回输入文本字段在页面加载时是否自动聚焦。

语法

以下是语法 −

设置 autofocus 属性 −

textObject.autofocus = true|false

此处，true 表示文本字段应该获得焦点，false 表示否则。默认设置为 false。

示例

让我们看一个 HTML DOM Input Text 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>