Как добавить атрибуты в теги HTML, когда я использую Emmet? - PullRequest
1 голос
/ 02 ноября 2019

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

<input type="text">

но я хочу это, например,

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

Как мне отредактировать атрибуты, которые я хочу видеть в теге? Я пытался найти решение на YouTube и через поиск в Google, но безуспешно.

1 Ответ

3 голосов
/ 02 ноября 2019

Синтаксис 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 атрибут
...