HTML <select> autofocus Attribute

HTML <section>

HTML <small>

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.

Example

#

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>
</form>

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.

Syntax

#