HTML <select> autofocus Attribute

The autofocus attribute on a <select> tag specifies that the select element immediately has focus upon page load.

Focus means that keyboard input is directed to that control.



A <select> element with autofocus enabled. After page load, this control has focus. To confirm, press the spacebar and/or the arrow keys to scroll through the dropdown 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>

Using autofocus

The autofocus attribute sets focus to the select element once the page is loaded.

Only a single element on a page can have focus.

Therefore, only one element on a page can have the autofocus attribute.


<select autofocus>

Browser support

Here is when autofocus support started for each browser:

1.0 Sep 2008
Not Supported
10.0 Sep 2012
1.0 Jan 2006
1.0 Jan 2003

You may also like

 Back to <select>

Author: Jack Poorte
Published: Jun 20 2021
Last Reviewed: Sep 30 2023

Quick question: what's your favorite/least favorite part of Dofactory?