HTML表单如何设置焦点【详解】

HTML表单中设置焦点看似简单，实则暗藏多重陷阱：元素必须原生可聚焦或通过`tabindex="0"`显式启用聚焦能力，调用`focus()`前需确保DOM已就绪（推荐`DOMContentLoaded`而非`window.onload`），且现代浏览器严格限制非用户手势触发的自动聚焦——模态框、Tab切换后等场景必须绑定在点击、回车等交互事件中；此外，表单重置后需手动恢复焦点，移动端尤其要注意iOS Safari的兼容性细节。掌握这三大关键点（可聚焦性、时机控制、用户激活约束），才能让光标稳稳落在该去的地方。

focus() 方法调用后没反应？检查元素是否可聚焦

直接调用 focus() 失效，最常见的原因是目标元素没有「可聚焦」能力。原生不可聚焦的元素（比如