使用 Emmet 时如何为 HTML 标签添加属性？

Question

我使用 Sublime Text 和 Emmet 插件。各种标签在我使用 Emmet 的时候不会自动包含所有的属性，所以我必须手动放置它们。例如，当我输入“input”并按“Tab”时，输入标签只有“type”属性。

<input type="text">

但我想要这个，例如

<input type="text" name="" id="">

如何编辑我想在标签中看到的任何属性？我试图在 YouTube 上和通过 Google 搜索找到解决方案，但没有成功。

Answer 1

Emmet 语法模仿 CSS 选择器，因此为了添加属性（或属性），您需要将它们放在方括号中。

例子

输入：

input#first_name[type=text][name=first_name]

输出：

<input type="text" id="first_name" name="first_name">

至于你的例子，你需要输入：

input[type=text][name]#

这分解如下：

1. input - 标签名称
2. type 属性值为 text
3. name 没有价值的属性
4. 空id属性