HTML <option> 标签的属性:selected ; disabled ; label ; value;
HTML <option> 标签的属性:selected ; disabled ; label ; value;
1. selected="selected"
selected 属性规定在页面加载时预先选定该选项。
被预选的选项会显示在下拉列表最前面的位置。
语法
<option selected="value">
属性值
值 | 描述 |
---|---|
selected | 预先选择一个选项。 |
2.disabled="disabled"
disabled 属性规定某个选项应该被禁用。被禁用的选项既不可用,也不可点击。
可以设置 disabled 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该选项的使用。然后,可以使用 JavaScript 来清除 disabled 属性,以使选项变为可用状态。
语法:
<option disabled="value">
属性值
值 | 描述 |
---|---|
disabled | 规定应该禁用选项。 |
3.<option label="text">
label 属性规定更短版本的选项。
下拉列表中会显示出所规定的更短版本。
属性值
值 | 描述 |
---|---|
text | 选项的更短的版本。 |
4. <option value=" 值 "> <option/>
value 属性规定在表单被提交时被发送到服务器的值。
<option> 与 <option/> 之间的值是浏览器显示在下拉列表中的内容,而 value 属性中的值是表单被提交时被发送到服务器的值。
注释:如果没有指定 value 属性,选项的值将设置为 <option> 标签中的内容。
语法
<option value="value">
属性值
值 | 描述 |
---|---|
value | 发送到服务器的值。 |