Skip to main content

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

hypertextマークアップ言語(HTML)では、リストボックスはインタラクティブなグラフィカルユーザーインターフェイス(GUI)コンポーネントの一種です。Webサイトには、ユーザーが選択できる垂直方向のテキストオプションセットを含むページ内のボックスとして表示されます。HTMLリストボックスを使用する目的は、ユーザーに選択できる多くのオプションを提示し、選択に対応することです。特にカスケードスタイルのシート(CSS)を使用して、リストボックスをカスタマイズするための多くのオプションがあります。HTMLリストボックスとコンボボックスとして知られる別のGUI要素には視覚的かつ機能的な違いがありますが、それらはほぼ同じ方法で定義されています。このタグはリストボックスを起動し、いくつかのオプションを定義するために使用できます。Selectタグの最も重要なプロパティの1つは、ListBoxの名前です。これにより、HTMLドキュメントの他の部分がリストボックスの値に直接アクセスする機能を提供します。設定できるもう1つの重要なオプションは複数のプロパティです。これにより、ユーザーは一度に1つだけでなく、リストから複数のアイテムを同時に選択できるようにします。HTMLリストボックスは、オプションタグを使用して定義されています。オプションタグは、HTMLリストボックスに表示される実際のテキストを囲みます。Selectタグのように、いくつかの重要なプロパティもあります。オプションタグの貴重なプロパティは、ユーザーが表示するテキストの代わりにクエリスクリプトに送信される選択したオプションの返品値を定義する機能です。これは、ユーザーが赤の単語を見ることができることを意味しますが、HTMLリストボックスは実際の単語の代わりに赤の16進価値を返すことができます。オプトグループは、リストボックス内のさまざまなオプションを視覚的に分離するために使用される見出しです。ユーザーがオプトグループタグを含むリストボックスを見ると、ボックスに太字が表示されます。ボックスには、関連するオプションがわずかにインデントされ、太字ではありません。ウェブサイトでは、サポートコードが存在しない限り、ユーザーがオプションを選択した場合、実際には何もしません。これは、JavaScript&Reg;で行うことができます。ドキュメントオブジェクトモデル(DOM)を介してListBoxにアクセスするか、他のスクリプトまたはアプレットで実行できます。インタラクティブな要素として、リストボックスはブラウザ内でキャプチャできるマウスオーバーなどのユーザーイベントを生成します。