autofocus

**autofocus** 全局属性 是一个布尔属性,指示元素应在页面加载时或其所属的 <dialog> 显示时获得焦点。

html
<input name="q" autofocus />

文档或对话框中最多只能有一个元素具有 autofocus 属性。如果应用于多个元素,则第一个元素将获得焦点。

注意:autofocus 属性适用于所有元素,而不仅仅是表单控件。例如,它可能用于 contenteditable 区域。

无障碍问题

自动聚焦表单控件可能会让使用屏幕阅读器技术的视障人士和认知障碍人士感到困惑。当分配 autofocus 时,屏幕阅读器会将用户“传送到”表单控件,而不会事先发出警告。

在应用autofocus属性时,请谨慎考虑可访问性。自动聚焦到某个控件可能会导致页面加载时滚动。聚焦还可能导致某些触摸设备上的动态键盘显示。虽然屏幕阅读器会宣布获得焦点的表单控件的标签,但屏幕阅读器不会在标签之前宣布任何内容,并且小型设备上的视力正常的用户同样会错过前面内容创建的上下文。

规范

规范
HTML 标准
# dom-fe-autofocus

浏览器兼容性

BCD 表格仅在浏览器中加载