Visual Studio Code：form関連タグをEmmet記法で入力する

formタグ

属性値がmethod=”post”のformタグを書きたいときは「form:post」と入力すると、

<form action="" method="post"></form>

と出力されます。

テキスト入力項目

テキスト入力項目を書きたいときは「input:t」と入力すると、

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

と出力されます。

チェックボックス

チェックボックスを書きたいときは「input:c」と入力すると、

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

と出力されます。

ラジオボタン

ラジオボタンを書きたいときは「input:r」と入力すると、

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

と出力されます。

selectタグ

selectタグの子要素に暗黙的な補完を使って「select>[value=”item$”]*5」と入力すると、

<select name="" id="">
  <option value="item1"></option>
  <option value="item2"></option>
  <option value="item3"></option>
  <option value="item4"></option>
  <option value="item5"></option>
</select>

と出力されます。

情報源

#07 formに関するタグを展開してみよう | Emmet入門

formに関するタグを展開していく記法について解説していきます。

dotinstall.com

書籍