How to set HTML autofocus Attribute in input - HTML Input Attributes

The input autofocus attribute specifies that an input field should automatically get focus when the page loads.

Hoow is to look HTML autofocus Attribute

Let the "First name" input field automatically get focus when the page loads:

index.html

Example: HTML

 <form> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" autofocus><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname">
</form>

Output should be:

Full Code Example of HTML autofocus Attribute

The input autofocus attribute The autofocus attribute specifies that the input field should automatically get focus when the page loads.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>
<h1>The input autofocus attribute</h1>
<p>The autofocus attribute specifies that the input field should automatically get focus when the page loads.</p>
<form action="/action_page.php"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" autofocus><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="Submit">
</form>
</body>
</html>

Output should be:

Category :	Web Tutorial
Sub Category :	HTML Input Attributes
Uploaded by :	Admin

Read Article

https://horje.com/learn/1434/reference