使用value屬性可以為每個(gè)選項(xiàng)設(shè)置一個(gè)值，當(dāng)用戶選中該選項(xiàng)時(shí).瀏覽器會(huì)將其發(fā)送給服務(wù)器。如果還沒有指定value屬性，選項(xiàng)的值將被設(shè)置為 option 標(biāo)簽中的內(nèi)容。看看下面這個(gè)示例中的HTML選項(xiàng):

coption value=dog dog option dog

這兩者具有同樣的值。第一個(gè)是輸出在 option 標(biāo)簽中設(shè)置值，第二個(gè)則是默認(rèn)地設(shè)置為 option 標(biāo)簽本身的內(nèi)容：“dog”

selected屬性

默認(rèn)情況下，所有多選的 select 標(biāo)簽中的選項(xiàng)都是未選中狀態(tài)，因此當(dāng)客戶端向服務(wù)器提高表單時(shí)，這些選項(xiàng)不會(huì)包括在參數(shù)列表中。在 option 標(biāo)簽中包括selected屬性后，就可以預(yù)先選定一個(gè)或多個(gè)選項(xiàng)、隨后用戶可以再取消選擇。

selected屬性的HTML版本沒有值。其XHTML版本則有值，selected=selected如果沒有任何選項(xiàng)被預(yù)先顯式選定，那么單選的 select 標(biāo)簽會(huì)預(yù)先選中第一選項(xiàng)。

label屬性

通常情況下，在將元素顯示給用戶時(shí)，會(huì)用 option 標(biāo)簽中的內(nèi)容來生成元素的標(biāo)記。但是如果提供了label屬性的話，就要用它的值來用作標(biāo)記。

optgroup 標(biāo)簽

表單中的選項(xiàng)菜單有可能非常長(zhǎng)，這使得它們很難顯示和使用。在這種情況下，將一些相關(guān)的選項(xiàng)分組會(huì)很有幫助，然后將這些組作為一組嵌套的層疊式菜單呈現(xiàn)給用戶。 optgroup 在HTML 4.0中是新引人的標(biāo)簽，雖然使用方式有限，但是它為HTML和XHTML的表單提供了這種功能。

只能在 select 標(biāo)簽中使用 optgroup}標(biāo)簽，并且它只能包含 option 標(biāo)簽。瀏覽器會(huì)為 select 主菜單中的每個(gè) optgroup 標(biāo)簽都生成子菜單。例如，在HTML中，可以利用 optgroup 來顯示一個(gè)表單菜單，該菜單是按地名排列！

 select name=state  optgroup label=龍崗區(qū)  option 布吉鎮(zhèn) option 坂田鎮(zhèn) /optgroup  optgroup label=寶安區(qū)  option 龍華鎮(zhèn) option 西鄉(xiāng)鎮(zhèn) /optgroup  /select 

由于還沒有瀏覽器能夠完全支持 optgroup 標(biāo)簽(一般瀏覽器會(huì)簡(jiǎn)單地將它們顯示為滾動(dòng)菜單)，我們無法向讀者展示這樣的菜單是什么樣子。但是，它們可能和我們所熟悉的下拉菜單非常相似，對(duì)大多數(shù)圖形化用戶界面來說，下拉菜單是很普遍

的功能。當(dāng)用鼠標(biāo)或鍵盤選定后， optgroup 會(huì)通向一個(gè)或多個(gè)菜單。例如，在我們關(guān)于“州(state )”的示例中，可能會(huì)有標(biāo)記為“Northeast , South”這樣的子菜單，拉開每個(gè)子菜單都會(huì)顯示其所包含的州名列表。

可惜的是， optgroup 標(biāo)簽最大的障礙是它無法嵌套，這樣就限制了只能有一層子菜單。但是在XHTML將來的版本中，有可能會(huì)突破這個(gè)限制。使用label屬性可以定義一個(gè) optgroup子菜單的標(biāo)題以顯示給用戶。其標(biāo)記應(yīng)該短小精悍，這樣才能保證菜單在不同的顯示情況下都能顯示出來。

將 select 菜單中與 option 相關(guān)的元素組織在一起。

以上就是html表單選項(xiàng)菜單option與optgruop標(biāo)簽的用法詳解的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。