The autofocus Attribute

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,621
3.	Videos	353,177
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,473
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
The Autofocus Attribute

The autofocus Attribute

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

<!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 method="post" action="/php/actionPagePost.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> 

<p>If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".</p>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #autofocus

CSPunjab.Com

The autofocus Attribute

« Previous

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

<!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 method="post" action="/php/actionPagePost.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> 

<p>If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".</p>

</body>
</html>

Live Demo & Try it yourself!