如何使在HTML中的下拉列表

在HTML最簡單的下拉列表中很容易使用標籤選擇創建。 這個容器標籤，標籤中嵌入它的選擇 - 這是他們誰設置列表項。

有幾個列表選項，可以通過選擇標籤來完成：下拉列表（選項點擊主域之後回落或將鼠標懸停在它），多選的名單 - 在它的用戶可以選擇多個項目。 第一種是比較常見的，他們是現代的導航網站的一個重要組成部分。 在下拉列表中選擇多個可以使用，例如，在您要選擇的產品的一些特點的目錄。

更改名單的外觀和性能，你可以使用通用和特殊屬性。

選擇標記屬性

1.多 - 指定選擇題。

2.大小 - 指定的可視行數在列表中，那就是高度。 然後，這一切都取決於，多屬性的存在與否。 如果是這樣，你不指定大小的床，然後在多個用戶的存在會看到所有的選項，但如果多個丟失，被證明是只有一條線，而其他用戶將能夠讀取，當點擊右側電梯的圖標。 如果大小的高度指定，它是小於右邊的滾動條出現的選項數目。

3.名稱 - 名稱。 可以沒有它做的下拉列表中，但可能需要在服務器上的程序處理程序進行交互。 作為一項規則，名字仍指示。

選擇標籤沒有必需的屬性，而不是選擇標籤。

屬性附著標籤選項

1. 選擇 - 在設計上突出一個列表項。 用戶可以分配多個項目，如果您設置多個屬性（參見，以上）。
2. 價值 - 價值。 此屬性是必需的。 Web服務器需要了解用戶選擇什麼列表項。
3. 標籤。 在很長的列表元素可以使用此屬性減少。 例如，屏幕上會顯示“米蘭”，而不是選擇標籤“米蘭 - 倫巴第大區的行政中心。 意大利北部“。 該屬性也用於組列表中的項目。

至於列表，則默認為在列表中的最寬的文本的長度的寬度。 當然，寬度可以通過使用HTML樣式進行更改。

在其他方面的下拉列表

它可以用CSS來實現，例如，當你將鼠標懸停在頁面的項目列表就會出現。 為創建列表極好的機會讓JavaScript，從而簡化了工作jQuery庫。 與此庫連接的下拉列表中，可以很複雜，如級聯。 也就是說，當你在列表中選擇一個項目將出現在下面的列表，例如，有“女裝”菜單（將鼠標懸停下降 樣的衣服）， 那麼當物種之一，例如，“上裝”下拉列表中，其中的元素：夾克，公園，外套，大衣等。1.

我們已經列出，您可以創建一個下拉列表的主要膚淺的方式。 當然，也有很多細微差別的HTML，在CSS和JavaScript中，它允許您更改列表視圖的功能和外觀。