Tutorialspoint

1 Answer
George John

The autofocus attribute in HTML is used for multiple elements and sets the focus on that particular element when the page loads. The element that constitutes the autofocus attributes are

<button>, <input>, <select> and <textarea>.

Let us now see an example to implement the autofocus attribute in HTML−

Example

 Live Demo

<!DOCTYPE html>
<html>
<body>
<h2>Result</h2>
<form action="" accept-charset="ISO-8859-1">
   <label for="stinfo">Student:</label>
   <input type="text" name ="stinfo"><br>
   <label for="sub">Subject:</label>
   <input type="text" name ="sub" autofocus><br>
   <label for="rank">Rank:</label>
   <input type="number" name ="rank"><br>
   <label for="marks">Marks:</label>
   <input type="number" name ="marks"><br><br>
   <input type="submit">
</form>
</body>
</html>

This will produce the following output displaying the focus on the 2nd textbox, since we have set autofocus on the same input text − 

Advertisements

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.