Syntax Of autofocus Attribute
<input type="text" autofocus>
All major browsers support autofocus attribute. Those that don’t support, just ignore this attribute.
<! DOCTYPE html> <head> <title> Autofocus Attribute</title> </head> <body> <form> Name <input type="text"><br> Surname<input type="text" ><br> DOB <input type="text" autofocus><br> Residential Address<input type="text"><br> Phone Number <input type="text"><br><br> <input type="submit" value="Submit"> </form> </body> </html>
Here you can see we have used autofocus attribute for the this field DOB. So when the page loads, you will see the DOB field is focused.
Example Application Test
- Save the file as autofocus_example.html in your system.
- Just open the file in the browser, you will see the below picture in the browser. Note that the browser must support HTML5 specification.
When the execution process is completed successfully we will get the following output :