HTMLSelectElement: autofocus property
The HTMLSelectElement.autofocus
property has a value of either true
or false
that reflects the autofocus
HTML
attribute, which indicates whether the associated <select>
element
will get input focus when the page loads, unless the user overrides it.
Only one form-associated element in a document can have this attribute specified. If there are several, the first element with the attribute set inserted, usually the first such element on the page, get the initial focus.
Note: Setting this property doesn't set the focus to the associated
<select>
element: it merely tells the browser to focus to it when
the element is inserted in the document. Setting it after the insertion, that
is most of the time after the document load, has no visible effect.
Value
A boolean value.
Examples
HTML
html
<select id="mySelect" autofocus>
<option>Option 1</option>
<option>Option 2</option>
</select>
JavaScript
js
// Check if the autofocus attribute on the <select>
const hasAutofocus = document.getElementById("mySelect").autofocus;
Specifications
No specification found
No specification data found for api.HTMLSelectElement.autofocus
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser compatibility
BCD tables only load in the browser