Как добавить атрибуты в теги HTML, когда я использую Emmet?

Question

Я использую плагин Sublime Text и Emmet. Различные теги не включают в себя все атрибуты автоматически, когда я использую Emmet, поэтому я должен поставить их вручную. Например, теги ввода имеют только атрибут «type», когда я ввожу «input» и нажимаю «Tab».

<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 атрибут