HTML <select> autofocus Attribute

The autofocus attribute on a <select> tag specifies that the select element receives focus when the page has loaded.

Example

#

An autofocus attribute on a <select> element. The control already has focus.
To see, press the spacebar and/or the arrow keys to scroll through the options.


<form action="/tutorial/action.html">
  <select name="size" autofocus>
    <option value="">-- Select Size --</option>
    <option value="small"> Small </option>
    <option value="medium"> Medium </option>
    <option value="large"> Large </option>
  </select> <br/>
  
  <button type="submit">Submit</button>
</form>

Using autofocus

The autofocus attribute specifies that the select element receives focus on page load.

Only one element on a page can have the autofocus attribute.


Syntax

<select autofocus>

Browser support

Here is when autofocus support started for each browser:

Chrome
1.0 Sep 2008
Firefox
Not Supported
IE/Edge
10.0 Sep 2012
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

 Back to <select>
Guides