How to place the cursor (auto focus) in the text box when a page gets loaded with HTML?

Use the autofocus attribute to place the cursor in the text box when a page loads. The autofocus attribute is a Boolean attribute. When present, it specifies that an <input> element should automatically get focus when the page loads. Here is an example −


<!DOCTYPE html>

      <form action = "/new.php">
         Name: <input type = "text" name = "name" autofocus><br>
         Subject: <input type = "text" name = "sub"><br>
         <input type = "submit">


Lakshmi Srinivas
Lakshmi Srinivas

Programmer / Analyst / Technician

Updated on: 01-Jun-2020

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started