選項

選擇選單中的選項是使用者將選擇的選項。選項的常規語法如下：

<option>Some Option</option>

但是，重要的是要注意 <option> 元素本身內部的文字並不總是被使用，並且基本上成為未指定的屬性的預設值。

控制選項的實際外觀和功能的屬性是 value 和 label。標籤表示將在下拉選單中顯示的文字（你正在檢視的內容並將單擊以選中它）。該值表示將與表單提交一起傳送的文字。如果省略這些值中的任何一個，則使用元素內的文字作為值。所以我們上面給出的例子可以擴充套件到這個：

<option label="Some Option" value="Some Option">

請注意省略內部文字和結束標記，這些不需要在選單中實際構建選項。如果包含它們，則會忽略內部文字，因為已經指定了兩個屬性並且不需要文字。但是，你可能不會看到很多人以這種方式編寫它們。它編寫的最常見方式是將一個值傳送到伺服器，以及最終成為 label 屬性的內部文字，如下所示：

<option value="option1">Some Option</option>

預設情況下選擇一個選項

你還可以通過將 selected 屬性附加到選單中，在選單中指定要選擇的特定選項。預設情況下，如果選單中未指定任何選項，則在渲染時將選擇選單中的第一個選項。如果多個選項附加了 selected 屬性，則具有該屬性的選單中的最後一個選項將是預設選擇的選項。

<option value="option1" selected>Some option</option>

如果你在多選項選擇選單中使用該屬性，則預設情況下將選擇具有該屬性的所有選項，如果沒有選項具有該屬性，則不會選擇任何選項。

<select multiple>
  <option value="option1" selected>Some option</option>
  <option value="option2" selected>Some option</option>   
</select>