HTML5autofocus属性使用教程

HTML5 的 `autofocus` 属性看似简单，实则暗藏诸多限制与陷阱：它仅对原生可聚焦元素（如 `<input>`、`<textarea>`、`` 等）生效，必须以无值布尔形式书写（如 `autofocus` 或 `autofocus=""`），任何带下划线、前缀或赋值的写法（如 `_autofocus`、`autofocus="true"`）均被浏览器完全忽略；且仅在页面首次加载时由第一个合法元素触发，受隐藏状态、DOM 时机、用户交互及移动端策略等多重因素影响而频繁失效。当追求稳定聚焦体验时，JavaScript 手动调用 `.focus()` 并配合 DOM 就绪判断、可见性校验和条件控制，才是真正可靠、可控的终极方案。</textarea>

HTML5 中 autofocus 属性是否生效，只看元素是否在页面加载时可聚焦

浏览器不识别 _autofocus、data-autofocus 或任何带下划线/前缀的变体。只有原生的 autofocus 属性（无下划线、无命名空间）会被解析并触发自动聚焦行为。

常见误写包括：_autofocus、autofocus="true"、autofocus="on" —— 这些都不会触发聚焦，因为 autofocus 是布尔属性，只需存在即可，值本身被忽略。

• <input autofocus> ✅ 生效
• <input autofocus=""> ✅ 生效（空字符串也合法）
• <input _autofocus> ❌ 不识别，纯自定义属性
• <input data-autofocus> ❌ 同样不触发聚焦逻辑

哪些元素支持 autofocus？

仅限可聚焦的表单控件和部分交互元素。浏览器按规范实现，不支持的元素即使写了 autofocus 也会静默忽略。

• ✅ 支持： <input>、<textarea>、<select>、
• ✅ 部分支持：