选项

选择菜单中的选项是用户将选择的选项。选项的常规语法如下：

<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>