HTMLSelectElement.autofocus

我们的志愿者还没有将这篇文章翻译为 中文 (简体)加入我们帮助完成翻译
您也可以阅读此文章的English (US)版。

The HTMLSelectElement.autofocus property is a Boolean 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.

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.

SyntaxEdit

aBool = aSelectElement.autofocus; // Get the value of autofocus
aSelectElement.autofocus = aBool; // Set the value of autofocus

Example

HTML

<select id="mySelect" autofocus>
  <option>Option 1</option>
  <option>Option 2</option>
</select>

JavaScript

// Check if the autofocus attribute on the <select>
var hasAutofocus = document.getElementById('mySelect').autofocus;

Specifications

Specification Status Comment
HTML Living Standard
The definition of 'autofocus' in that specification.
Living Standard  
HTML5
The definition of 'autofocus' in that specification.
Recommendation  

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes10 Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes4 No No ?

文档标签和贡献者

此页面的贡献者: sideshowbarker, connorshea, libbymc, Druzion, teoli, Rakhisharma
最后编辑者: sideshowbarker,