HTML <select> 标签的 autofocus 属性 详解
HTML基础 2022-06-02 12:07:18小码哥的IT人生shichen
HTML <select> 标签的 autofocus 属性
实例
自动获得焦点的下拉列表：
<select autofocus>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<select autofocus>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 <select> 标签的 autofocus 属性。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
Internet Explorer 10、Firefox、Opera、Chrome 以及 Safari 支持 autofocus 属性。
注释：Internet Explorer 9 以及更早的版本不支持 <select> 标签的 autofocus 属性。
定义和用法
autofocus 属性是逻辑属性。
当设置该属性后，它规定在页面加载后下拉列表应该自动获得焦点。
HTML 4.01 与 HTML 5 之间的差异
autofocus 属性 HTML5 中的新属性。
HTML 与 XHTML 之间的差异
在 XHTML 中，不允许属性简写，autofocus 属性必须定义为 <select autofocus="autofocus">。
语法
<select autofocus>