最直接方式是添加 autofocus 属性，仅限静态 html 有效；动态插入需用 js 在 dom 就绪后调 focus()；注意移动端 safari 限制及模态框内失效问题。
页面加载后自动聚焦到某个 input 元素
最直接的方式是给目标 input 添加 autofocus 属性，浏览器会在页面加载完成、表单可交互时自动将焦点设到该元素上：
-
autofocus是布尔属性，写上即生效，无需赋值（autofocus="true"反而是冗余写法） - 一个页面中只能有一个
input使用autofocus，多个时仅第一个生效 - 它在服务器端渲染或静态 HTML 中最可靠；若元素是 JS 动态插入的，
autofocus通常无效
<input type="text" name="username" autofocus>
用 JavaScript 手动调用 focus() 的时机问题
动态插入的 input 或需要更精细控制聚焦时机时，得用 JS。但常见错误是：DOM 还没就绪就调 focus()，报错 Cannot read property 'focus' of null 或无反应。
- 确保元素已挂载到 DOM：用
document.addEventListener('DOMContentLoaded', ...)或把脚本放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
