セレクトボックスのHTMLコードを一括生成

カンマかタブのいづれかの区切りのテキストデータから、セレクトボックスのHTMLコードを、一括生成するウェブアプリ。

使い方

  1. 「区切り」を、カンマ、タブから選択する。
  2. 「セレクトボックス名(select要素のname属性値)」を指定する。
  3. 「インプット」のテキストエリアに、テキストデータを入力する。
    テキストデータは、「選択肢A,選択肢Aの値」のように、最初に「セレクトボックス内に表示する選択肢のテキスト(option要素で括るテキスト)」を書き、次に「値(value属性値)」を書く。選択状態にしたい場合は、最後に、「,selected」を付加する。テキストデータを複数行に入力すれば、複数のoption要素を一括で生成できる。
  4. 「セレクトボックスを生成」ボタンをクリックする。
  5. 「HTML」のテキストエリアに、生成したセレクトボックスのHTMLコードが現れる。
  6. 「表示例」の右に、生成したセレクトボックスを表示する。

セレクトボックス生成

区切り:

セレクトボックス名:

(select要素のname属性値)

インプット:

HTML:

表示例:

スポンサード リンク

カテゴリー: HTML生成, ウェブアプリ, フォーム パーマリンク