[html]有趣的optgroup tag

有關網頁及相關語法的討論
回覆文章
頭像
tim
文章: 1379
註冊時間: 2008年 11月 26日, 00:49

[html]有趣的optgroup tag

文章 tim »

在 select 的 option 中, 是否有時想要作一些分類呢? 利用 optgroup 可以容易地做到這個功能.
將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>

多多留言, 整理文章, 把經驗累積下來.....
回覆文章