HTML DOM Input Text autofocus Property

The HTML DOM input Text autofocus property is associated with the HTML <input> element’s autofocus attribute. This property is used for setting or returning if the input text field should be automatically focused when the page loads or not.


Following is the syntax for −

Setting the autofocus property −

textObject.autofocus = true|false

Here, true represents the text field should get focus and false represents otherwise. It is set to false by default.


Let us look at an example for the HTML DOM Input text autofocus property −

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


This will produce the following output −

Updated on: 19-Aug-2019


Kickstart Your Career

Get certified by completing the course

Get Started