HTML <input> 标签的 autofocus 属性 详解
HTML基础 2022-06-02 12:02:25小码哥的IT人生shichen
HTML <input> 标签的 autofocus 属性
实例
文本输入字段被设置为当页面加载时获得焦点：
<form action="demo_form.php">
First name:<input type="text" name="fname" autofocus="autofocus" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" />
</form>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.php">
First name: <input type="text" name="fname" autofocus><br>
Last name: <input type="text" name="lname"><br>
<input type="submit">
</form>
<p><b>注释：</b>Internet Explorer 9 以及更早的版本不支持 input 标签的 autofocus 属性。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
autofocus 属性规定当页面加载时 input 元素应该自动获得焦点。
如果使用该属性，则 input 元素会获得焦点。
HTML 4.01 与 HTML 5 之间的差异
autofocus 属性是 HTML5 中的新属性。
语法
<input autofocus="autofocus">