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