Related Articles

Related Articles

HTML | autofocus Attribute
  • Difficulty Level : Basic
  • Last Updated : 19 Jul, 2019

The autofocus attribute in HTML is used to specify that the element should get focus when the page loads. It is a boolean attribute.

Note: It supports only the following elements: <button>, <input>, <select> and <textarea>

Syntax:

<elementName autofocus>

Example 1:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <head>
        <title>HTML autofocus Attribute</title>
    </head>
    <body style = "text-align: center;">
        <h1 style = "color: green;">GeeksforGeeks</h1>
        <h2>HTML autofocus Attribute</h2>
        <form>
            <label>First Name:
                    <input type="text" autofocus 
                            placeholder = "Enter Name">
            </label>          
        </form>
    </body>
</html>

chevron_right


Output:
autofocus



Example 2:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <head>
        <title>HTML autofocus Attribute</title>
    </head>
    <body style = "text-align: center;">
        <h1 style = "color: green;">GeeksforGeeks</h1>
        <h2>HTML autofocus Attribute</h2>
       <textarea rows="3" cols="30" autofocus>
            A computer science portal for geeks.
        </textarea>
    </body>
</html>

chevron_right


Output:
autofocus

Supported Browsers: The browser supported by autofocus attribute are listed below:

  • Google Chrome 5.0
  • Internet Explorer 10.0
  • Firefox 4.0
  • Opera 9.6
  • Apple Safari 5.0

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :