html表單選項選單option與optgruop標籤的用法詳解

使用option標籤可以定義一個表單控制項中的每個條目。瀏覽器將標籤中的內容作為標籤的選單或是捲動清單中的一個元素顯示，這樣，其內容只能是純文本，不能有任何裝飾。
value屬性

使用value屬性可以為每個選項設定一個值，當使用者選取該選項時.瀏覽器會將其傳送給伺服器。如果還沒有指定value屬性，選項的值將被設定為標籤中的內容。看看下面這個範例中的HTML選項:

coption value=dog>dog <option>dog

這兩者有相同的值。第一個是輸出在標籤中設定值，第二個則是預設設定為標籤本身的內容：「dog」

selected屬性

#預設情況下，所有多選的標籤中的選項都是未選取狀態，因此當客戶端向伺服器提高表單時，這些選項不會包含在參數清單中。在標籤中包含selected屬性後，就可以預先選定一個或多個選項、隨後使用者可以再取消選擇。

selected屬性的HTML版本沒有值。其XHTML版本則有值，selected=selected如果沒有任何選項被預先明確選定，那麼單選的標籤會預先選取第一個選項。

label屬性

通常情況下，在將元素顯示給使用者時，會用標籤中的內容來產生元素的標記。但是如果提供了label屬性的話，就要用它的值來當標記。

標籤

表單中的選項選單有可能非常長，這使得它們很難顯示和使用。在這種情況下，將一些相關的選項分組會很有幫助，然後將這些群組作為一組嵌套的層疊式選單呈現給使用者。 在HTML 4.0中是新引人的標籤，雖然使用方式有限，但是它為HTML和XHTML的表單提供了這種功能。

只能在標籤中使用標籤。瀏覽器會為主選單中的每個標籤都產生子選單。例如，在HTML中，可以利用來顯示表單選單，該選單是按地名排列！

<select name=state>
 <optgroup label=龙岗区>
      <option>布吉镇
      <option>坂田镇
</optgroup>
<optgroup label=宝安区>
      <option>龙华镇
      <option>西乡镇
</optgroup>
</select>

由於還沒有瀏覽器能夠完全支援標籤(一般瀏覽器會簡單地將它們顯示為滾動選單)，我們無法向讀者展示這樣的菜單是什麼樣子。但是，它們可能和我們所熟悉的下拉選單非常相似，對大多數圖形化使用者介面來說，下拉式選單是很普遍

的功能。當用滑鼠或鍵盤選定後，會通往一個或多個選單。例如，在我們關於「州(state )」的範例中，可能會有標記為「Northeast" , "South」這樣的子選單，拉開每個子選單都會顯示其所包含的州名清單。

可惜的是，標籤最大的障礙是它無法嵌套，這樣就限制了只能有一層子選單。但是在XHTML將來的版本中，有可能會突破這個限制。使用label屬性可以定義一個

將選單中與相關的元素組織在一起。

以上是html表單選項選單option與optgruop標籤的用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！