HTML <option> ƙaddama
定义和用法
标签定义选择列表中的选项。
元素位于 <select>、 或 <datalist> 元素内。
注意： 标签可以在没有任何属性的情况下使用，但您通常需要 value 属性，它指示在表单提交时发送到服务器的内容。
提示：如果您有很长的选项列表，您可以在 标签内对相关选项进行分组。
另请参阅：
HTML DOM 参考手册：Option 对象
实例
例子 1
包含四个选项的下拉列表：
<label for="cars">请选择一个汽车品牌：</label> <select id="cars"> <option value="audi">奥迪</option> <option value="byd">比亚迪</option> <option value="geely">吉利</option> <option value="volvo">沃尔沃</option>
例子 2
在 <datalist> 元素中使用 ：
<label for="browser">请从列表中选择您的浏览器：</label> <input list="browsers" name="browser" id="browser"> <datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
例子 3
在 元素中使用 ：
<label for="cars">请选择一个汽车品牌：</label>
<select id="cars">
<optgroup label="中国车">
<option value="byd">比亚迪</option>
<option value="geely">吉利</option>
<optgroup label="德国车">
<option value="mercedes">奔驰</option>
<option value="audi">奥迪</option>
属性
| 属性 | 值 | 描述 |
|---|---|---|
| disabled | disabled | 规定选项应该被禁用。 |
| label | 文本 | 为选项规定较短的标签。 |
| selected | selected | 规定在页面加载时应预先选择一个选项。 |
| value | 文本 | 规定要发送到服务器的值。 |
全局属性
标签还支持 HTML 中的全局属性。
事件属性
标签还支持 HTML 中的事件属性。
默认的 CSS 设置
无。
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
