HTML 标签的 autofocus 属性
autofocus 属性是逻辑属性。当设置该属性后，它规定在页面加载后文本区域自动获得焦点。
实例
自动获得焦点的文本区域：
<!DOCTYPE html><html><body><h1>button 标签应用 autofocus 属性</h1><button type="button" autofocus onclick="alert('Hello world!')">点击我!</button></body></html>
autofocus 属性应用于 form 标签
<form action="/example/html/action_page.aspx">姓氏: <input type="text" name="fname" autofocus><br>名字: <input type="text" name="lname"><br><input type="submit" value="提交"></form>
textarea 的 autofocus 属性
<!DOCTYPE html><html><body><h1>textarea 的 autofocus 属性</h1><textarea rows="4" cols="50" autofocus>在 cankaoshouce.com 你将学习如何创建网站。我们提供所有网络开发技术的免费教程。</textarea></body></html>
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| autofocus | Yes | Yes | Yes | Yes | Yes |
Internet Explorer 10、Firefox、Opera、Chrome 以及 Safari 支持 autofocus 属性。
注释：Internet Explorer 9 以及更早的版本不支持 <textarea> 标签的 autofocus 属性。
定义和用法
autofocus 属性是逻辑属性。当设置该属性后，它规定在页面加载后文本区域自动获得焦点。autofocus 属性 可应用于 <button>, <input>, <select>, <textarea>标签。
HTML 4.01 与 HTML 5 之间的差异
autofocus 属性 HTML5 中的新属性。
HTML 与 XHTML 之间的差异
在 XHTML 中，不允许属性简写，autofocus 属性必须定义为 <textarea autofocus="autofocus">。
语法
<textarea autofocus>