網站設置下拉菜單和滾動列表 HTML的select標簽！

作者：佚名   時間：2014-04-02   分享到：

網站設置下拉菜單和滾動列表 HTMLselect標簽

復選框和單選按鈕為網站提供了的選擇功能，便于我們創建網站多項選擇的問題和答案。但是它們可能會是很長的表單，寫起來也許非常麻煩，而且在屏幕上會顯得雜亂無章。因此，<select>標簽提供了兩種簡潔的選擇:下拉菜單和滾動列表。

<select>標簽

將一列用<option>標簽標記的條目放到表單的<select>標簽中，這樣就可以神奇地創建一個選項的下拉式菜單。在本章前面的圖9-2中，顯示的就是<select>的下列菜單。

與其他表單標簽一樣，name屬性在這里也是必需的，在將<select>選項提交給服務器時，瀏覽器將使用該屬性。與單選按鈕不同，這里不會預先選定任何項，因此，如果役有選定值的話，提交表單時也就不會有值發送給服務器。

否則，瀏覽器會提交選定的項，或者收集用逗號分隔的多個選項，將其合成為一個單獨的參數列表，并且在將<select>表單數據提交給服務器時包括name屬性。

multiple屬性

如果希望一次允許選擇多個選項的話，可以在<select>標簽中加入multiple屬性。這樣可以讓<select>元素像<input type=checkbox>元素那樣起作用。如果沒有指定multiple，那么一次只能選定一個選項，如同單選按鈕組那樣。

size屬性

size(大小)屬性決定了用戶一次可以看到多少個選項。size的值應該是一個正整數。沒有指定size時，默認值是to當size=1時，如果沒有指定multiple，瀏

覽器通常會將<seiect>列表顯示成一個彈出式菜單。size的值超過1或者是指定了multiple屬性的話，<Select>會顯示為一個滾動列表。

在下面的XHTML示例中，我們將前面的復選框示例變成了一個滾動的多選菜單。

注意，size屬性告訴瀏覽器一次要顯示3個選項(注意</option>結束標簽。在標準的HTML文件中，通常不會包括這一項，但是在XHTML中，必須有這項內容。)

請問你要做什么類型的網站？

<select name="pets" size="3" multiple="multiple"> <option>模板網站</option> <option>經濟型</option> <option>商務型</option> <option>推廣型</option> </select>