小码哥的IT人生

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>

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024