【HTML】ドロップダウンリスト（プルダウンメニュー）を表示するコード

ドロップダウンリスト（プルダウンメニュー）を表示するコード

ドロップダウンリスト（プルダウンメニュー）を表示するHTMLコードをご紹介します。



<select id='input_area' name='input_area' class='selectpicker form-control' data-live-search='true' width='auto'>
                  <option selected>A</option>
                  <option>B</option>
                  <option>C</option>
                  <option>D</option>
                  <option>E</option>
                  <option>F</option>
                  <option>G</option>
                  <option>H</option>
                  <option>I</option>
                  <option>J</option>
                  <option>K</option>
                  <option>L</option>
                  <option>M</option>
                  </select>

▽実際の動作はこちら▽

コードの解説

ドロップダウンリスト（プルダウンメニュー）を表示するには「Select」タグを使います。
リストの項目は<option>で必要数分指定します。
また、初期値を設定する場合は「<option selected>」で該当項目を指定すれば設定できます。

まとめ

ドロップダウンリストは「Select」を使う
リストの項目は<option>で指定
初期値は「<option selected>」で設定

以上、「ドロップダウンリスト（プルダウンメニュー）を表示するコード」でした。