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

  • ブックマーク
  • Feedly

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>

と出力されます。

情報源

書籍

この記事を書いた人

羽沢 仁

羽沢 仁

業務系システムのエンジニアとして、コンサルティング会社で5年、事業会社の社内SEとして5年、フリーランスとして6年、要求定義、設計、開発、テスト、リリース対応の業務に携わってきました。来年からは、街の○○屋さんと直接つながって、ITツールを提供するサービスを開始します。詳しいプロフィールはこちらをご参照ください。