コンボボックス/ドロップダウン

どのようにしてドロップダウンボックスを作るのですか?
どのようにしてコンボボックスの値を選択できるようにするのですか?
どのようにして複数オプション選択ボックスを作るのですか?

説明

コンボボックス / ドロップダウンボックス


コード例:
<form name=myform>
<select name=mytextarea>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
</select>
</form>

結果:

定義:


ここでは、"select"と"option"タグを使用してドロップダウンボックスを定義します。 選択ボックスは"select"タグによって定義されます。コンボボックスのオプション数は"option"タグによって定義されます。例で示されているように、ここでは3つのオプションを設けました。オプションとして表示される名前は"option"タグの間に挿入されています。

スクロール選択オプション


quot;select"タグの内部で"size"と呼ばれるアトリビュート(属性)を使用することで選択オプションのサイズを定義することができます。 <
コード例:<
<form name=myform>
<select name=mytextarea size=2>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
<option name=four value=four> four </option>
</select>
</form>

結果:

複数選択オプション


"multiple"を挿入することで複数のオプションを選択することが可能になります。これによって、ユーザーは"shift"又は"Ctrl"キーを使用して複数のオプションを選択することができます。
コード例:
<form name=myform>
<select name=mytextarea size=3 multiple>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
<option name=four value=four> four </option>
</select>
</form>

結果:

選択済みオプション


"selected"を挿入することで、オプションを事前に選択しておくことができます。
コード例:
<form name=myform >
<select name=mytextarea size=2>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three selected> three </option>
<option name=four value=four> four </option>
</select>
</form>

結果: