HTML5およびCSS3ベースのWeb用のドロップダウンリストを作成する方法ページ - ダミー

ドロップダウンリストは、HTML5およびCSS3 Web開発者のお気に入りの選択ツールです。ドロップダウンリストには、非常に有用な要素があり、巨大なWebに群衆の喜びを与えます：

• 画面のスペースを節約します。 現在の選択のみが表示されています。ユーザーがリストをクリックすると、一連の選択がドロップダウンされ、選択が行われた後に再び消えます。

• 入力を制限します。 あなたが選ぶことができるのは、あなたがリストに入れたものだけです。これにより、入力ミスを心配する必要がないため、潜在的な入力を処理するのがずっと簡単になります。

  <！ - 1 - >

• この値は、ユーザーに表示される値とは異なる場合があります。 これは奇妙な利点のようですが、時には非常に有用であることが分かります。

  

この単純なドロップダウンリストのコードは、

basicSelectです。 html
あなたの好きな色は何ですか？レッドグリーンブルーシアンマゼンタイエローブラックホワイト






 - >

オブジェクトは、あなたが使用している他の入力要素のいくつかとは少し異なります。

• これらのタグはリスト全体を示します。 オブジェクトには属性があります。オブジェクトには他にも多くのタグがありますが、通常、オブジェクト自体には属性があります。

• 一連のペアが含まれています。 個々の選択はセットで収容されます。

• <！ - 3 - > 各タグには値が関連付けられています。

  値はコードによって使用されます。この値は必ずしもユーザーが見るものではありません。

• 間のコンテンツはユーザーに表示されます。 コンテンツはユーザーが実際に見るものです。

• 選択ボックスはドロップダウンの動作を必要としません。必要に応じて、属性で表示する行数を指定できます。この場合、指定する行数は常に画面に表示されます。