[html]有趣的optgroup tag
發表於 : 2008年 11月 27日, 10:56
在 select 的 option 中, 是否有時想要作一些分類呢? 利用 optgroup 可以容易地做到這個功能.
將optgroup 放在 select 裡, 就會有分類的效果哦, 另外 label 是必須設定的屬性, 為顯示用的.
將optgroup 放在 select 裡, 就會有分類的效果哦, 另外 label 是必須設定的屬性, 為顯示用的.
代碼: 選擇全部
<html>
<body>
<select name="viewType">
<option value="">please select one</option>
<optgroup label="search engine">
<option value="http://www.google.com">google</option>
<option value="http://www.yahoo.com">yahoo</option>
<option value="http://www.altavista.com">altavista</option>
</optgroup>
<optgroup label="tv">
<option value="http://www.im.tv">imtv</option>
<option value="http://www.webs-tv.net">webs-tv</option>
</optgroup>
</select>
</body>
</html>