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

【问题标题】：How to add attributes to HTML tags when I use Emmet?使用 Emmet 时如何为 HTML 标签添加属性？
【发布时间】：2020-02-28 10:34:34
【问题描述】：

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

<input type="text">

但我想要这个例如

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

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

【问题讨论】：

【解决方案1】：

Emmet 语法仿照 CSS 选择器，所以为了添加属性（或属性），您需要在方括号中传递它们。

示例

输入：

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

输出：

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

至于您的示例，您需要输入以下内容：

input[type=text][name]#

分解如下：

【讨论】：