Emmet 默认只按字面缩写生成基础结构，form>input+button 仅输出 <form><input></input><button></button></form>，不自动添加 type、placeholder、文本等内容；需显式声明如 form>input[type=text][placeholder=用户名]+button[type=submit]{登录} 才能生成带属性和内容的完整标签。
form>input+button 为什么只生成两个标签，没带属性和文本？
Emmet 默认只展开基础结构，form>input+button 确实会生成 <form><input></input><button></button></form>，但没 type、placeholder、文本内容这些——因为缩写里没写。它不猜你要什么，只按你写的字面意思生成。
要带属性和内容，必须显式声明：
-
form>input[type=text][placeholder=用户名]+button[type=submit]{登录}→ 完整表单控件 -
form:post→ 自动补全method="post"的 form 标签（注意不是form:POST，大小写敏感） - 多个 input 可用
*n：如form>input[type=email]*2+button
如何让 input 带 name、id 和 class 三者同时生效？
Emmet 支持链式写法，顺序无关，但符号不能省：
-
input#user.name.form-control[name=username]→ 生成<input id="user" class="name form-control" name="username"> - 注意：
.和#后不能有空格，否则只解析第一个；[]属性值中含空格要用引号，如[placeholder="请输入邮箱"] - 如果漏掉引号且值含空格（比如写成
[placeholder=请输入邮箱]），Emmet 会截断为placeholder="请输入"，后半丢弃
在 Vue 或 JSX 文件里 form 缩写不生效？
VSCode 默认只对 .html 文件启用 form 相关缩写（包括 form:post）。在 .vue 的 <template> 或 .jsx 中，语言模式是 vue-html 或 javascriptreact，不在 Emmet 默认支持列表里。
立即学习“前端免费学习笔记（深入）”；
解决办法是手动注册映射：
- 打开设置（
Ctrl+,），搜emmet.includeLanguages - 点击「Add Item」，填入：
"vue-html": "html"或"javascriptreact": "html" - 保存后执行
Developer: Reload Window（Ctrl+Shift+P调出命令面板）
之后在对应文件中输入 form:post 或 form>input+button 就能正常展开。
生成带 label 的表单时，label[for] 怎么自动匹配 input id？
Emmet 不自动同步 for 和 id，但可以用变量占位符 $ 手动关联：
-
label[for=item$]+input#item$→ 生成<label for="item1"></label><input id="item1"> -
label[for=name]+input#name→ 手动写死也行，适合简单场景 - 更稳妥的做法是先写 input（带 id），再用 Ctrl+E（Cmd+E）选中它，输入
label[for=name]→ Emmet 会自动包裹并补全for属性
真正容易被忽略的是：Emmet 对光标位置极其苛刻——form:post 必须在空行或标签外输入，写在 <div> 里面、注释后、甚至引号中间，它都静音不响应。不是插件坏了，是根本没启动。
