<select> 、 <optgroup> 、 <option> 三者
起始標籤 | 結束標籤 |
---|---|
需要 | 不需要 |
<select> 的屬性
屬性 | 值 | Deprecated or Obsolete |
---|---|---|
name | 名稱 | |
size | 大小 | |
multiple |
<optgroup> 的屬性
屬性 | 值 | Deprecated or Obsolete |
---|---|---|
label |
<option> 的屬性
屬性 | 值 | Deprecated or Obsolete |
---|---|---|
selected | 預設選項 | |
value | ||
label |
舉例如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | < html > < head > < title >網頁標題</ title > </ head > < body > < select > < option >1</ option > < option >2</ option > < option selected = "true" >3</ option > < option >4</ option > < option >5</ option > </ select > </ body > </ html > <!-- 《程式語言教學誌》的範例程式 檔名:formexample05.html 功能:示範 HTML 4.01 標記語言的使用 作者:張凱慶 時間:西元 2011 年 5 月 --> |
利用瀏覽器 (broswer) 開啟,結果如下
所謂的下拉式選單是指
使用 <optgroup> 分組舉例如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | < html > < head > < title >網頁標題</ title > </ head > < body > < select > < optgroup label = "第一組" > < option >1</ option > < option >2</ option > </ optgroup > < optgroup label = "第二組" > < option >3</ option > < option >4</ option > < option >5</ option > </ optgroup > </ select > </ body > </ html > <!-- 《程式語言教學誌》的範例程式 檔名:formexample06.html 功能:示範 HTML 4.01 標記語言的使用 作者:張凱慶 時間:西元 2011 年 5 月 --> |
結果如下
中英文術語對照 | |
---|---|
行內元素 | inline element |
瀏覽器 | broswer |
您可以繼續參考
相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁
參考資料
http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html
http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#forms
https://developer.mozilla.org/en/HTML/Element/select
https://developer.mozilla.org/en/HTML/Element/option
https://developer.mozilla.org/en/HTML/Element/optgroup
http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#forms
https://developer.mozilla.org/en/HTML/Element/select
https://developer.mozilla.org/en/HTML/Element/option
https://developer.mozilla.org/en/HTML/Element/optgroup
沒有留言:
張貼留言