html - 使用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">

对于您的示例，您需要键入以下内容:

输入[type=text][name]#

分解如下:

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

编辑:

type 属性代表 :，所以你可以这样写:

input:text[name]#