HTMLリストボックスとは何ですか？

HyperText Markup Language（HTML）では、リストボックスはインタラクティブなグラフィカルユーザーインターフェイス（GUI）コンポーネントの一種です。 Webサイトでは、ユーザーが選択できるテキストオプションの垂直セットを含むページ内のボックスとしてWebサイトに表示されます。 HTMLリストボックスを使用する目的は、選択可能な多数のオプションをユーザーに提示し、選択に反応することです。 特にカスケードスタイルシート（CSS）を使用して、リストボックスをカスタマイズするための多くのオプションがあります。 HTMLリストボックスと、コンボボックスと呼ばれる別のGUI要素には、視覚的にも機能的にも違いがありますが、それらはほぼ同じ方法で定義されています。

文書では、HTMLリストボックスはselectタグを使用して定義されます。 このタグはリストボックスを開始し、いくつかのオプションを定義するために使用できます。 selectタグの最も重要なプロパティの1つはリストボックスの名前です。これにより、HTMLドキュメントの他の部分がリストボックスの値に直接アクセスできるようになります。 設定できるもう1つの重要なオプションは、複数のプロパティです。これにより、ユーザーは一度に1つだけではなく、リストから複数のアイテムを同時に選択できます。

選択タグの開始と終了の間で、HTMLリストボックスに含まれる実際の要素は、optionタグを使用して定義されます。 オプションタグは、HTMLリストボックスに表示される実際のテキストを囲みます。 selectタグと同様に、いくつかの重要なプロパティもあります。 オプションタグの重要なプロパティは、ユーザーに表示されるテキストの代わりにクエリスクリプトに送信される選択されたオプションの戻り値を定義する機能です。 つまり、ユーザーは「赤」という単語を見ることができますが、HTMLリストボックスは実際の単語の代わりに赤の16進値を返すことができます。

オプションとは別に、HTMLリストボックスには、optgroupと呼ばれる別の視覚要素を含めることができます。 optgroupは、リストボックス内のさまざまなオプションを視覚的に分離するために使用される見出しです。 ユーザーがoptgroupタグを含むリストボックスを見ると、ボックス内に太字の見出しが表示され、その下に関連オプションがわずかにインデントされ、太字ではありません。

機能的なHTMLリストボックスを作成してWebサイトに配置できますが、ユーザーがオプションを選択しても、サポートするコードが存在しない限り、実際には何もしません。 これは、ドキュメントオブジェクトモデル（DOM）を介してリストボックスにアクセスすることでJavaScript®で実行できます。または、他のスクリプトまたはアプレットで実行できます。 インタラクティブな要素として、リストボックスはマウスオーバーなどのユーザーイベントを生成します。これはブラウザー内でキャプチャできます。