HTMLのドロップダウンリストを作成する方法

HTMLで最も簡単なドロップダウンリストには、選択したタグを使用して簡単に作成できます。 このコンテナタグは、それに組み込まれたオプションをタグ - それは、リストの項目を設定し、誰彼らです。

タグを選択することにより行うことができるいくつかのオプションリスト、があります。ドロップダウンリスト（オプションがメインフィールドをクリックした後に落下したり、その上にカーソルを移動）、および複数の選択肢のリストは - 、それでユーザーが複数の項目を選択することができます。 最初は、彼らが現代のナビゲーションサイトの重要な要素であり、より一般的です。 ドロップダウンリストで複数選択はあなたが商品のいくつかの特性を選択したいディレクトリに、例えば、使用することができます。

リストの外観とプロパティを変更し、あなたは普遍的で特殊な属性を使用することができます。

タグ属性を選択

1.複数の - 複数の選択肢を指定します。

2.サイズは - それは高さ、リストに表示行数を指定します。 そして、それはすべて、複数の属性が存在するかではなく、依存します。 もしそうなら、あなたは、すべてのオプションが表示されます複数のユーザーの存在下で、サイズのベッドが指定されていないが、複数が欠落している場合、一行のみであることが示され、他のユーザーが右側にエレベーターのアイコンをクリックしたときに、読み取ることができます。 サイズの高さが指定され、それはバーが表示され、右スクロールのオプションの数より少ない場合。

3.名前 - 名前。 ドロップダウンリストには、それなしで行うことができますが、サーバー上のプログラム・ハンドラーと対話する必要があるかもしれません。 原則として、名前が引き続き示されます。

オプションタグとは対照的に、選択したタグには、必要な属性がありません。

属性付加されたタグオプション

1. [選択 - リスト項目を強調するために設計されています。 あなたが複数の属性を設定している場合、ユーザーは、（上記を参照）、複数の項目を割り当てることができます。
2. 値 - 値。 この属性は必須です。 Webサーバは、ユーザが選択した正確に何リストの項目を理解する必要があります。
3. ラベル。 要素の非常に長いリストでは、この属性を使用して減少させることができます。 ロンバルディア州の行政の中心 - たとえば、画面には「ミラノ」の代わりに、オプションタグ」ミランが表示されます。 北イタリア。」 この属性は、グループにリスト内の項目を使用しています。

リストの幅については、リスト内の最も広いテキストの長さに、デフォルト。 もちろん、幅がHTMLスタイルを使用して変更することができます。

他の方法でのドロップダウンリスト

これは、CSSで行うことができますが、ページの項目にカーソルを合わせると、例えば、リストが表示されます。 リストを作成するための優れた機会が作業jQueryライブラリを簡素化JavaScriptを与えます。 このライブラリに接続されているドロップダウンリストは、カスケードなど、非常に複雑になることがあります。 それはあなたが以下のリストを表示しますリスト内の項目を選択すると、例えば、「婦人服」メニューは、（あなたがドロップ置くとがあり、ある 服の種類）、 種の一つは、例えば、「トップス」ときにドロップダウンリストを要素と：ジャケット、公園、コート、コートなどがあります。N。

私たちは、あなたがドロップダウンリストを作成することができる主要表面的な方法をリストしました。 もちろん、中に多くのニュアンスがあるCSSでHTML、あなたはリストビューの機能と外観を変更することが可能とJavaScriptでは、。