HTML <option> 标签的 label 属性 详解
HTML基础 2022-06-02 12:06:18小码哥的IT人生shichen
HTML <option> 标签的 label 属性
实例
在 option 元素中使用 label 属性:
<select>
<option label="Volvo">Volvo (Latin for "I roll")</option>
<option label="Saab">Saab (Swedish Aeroplane AB)</option>
</select>
完整实例【亲自试一试】:
<html>
<body>
<select>
<option label="Volvo">Volvo (Latin for "I roll")</option>
<option label="Saab">Saab (Swedish Aeroplane AB)</option>
<option label="Mercedes">Mercedes (Mercedes-Benz)</option>
<option label="Audi">Audi (Auto Union Deutschland Ingolstadt)</option>
</select>
<p><b>注释:</b>只有 IE 7+ 支持 label 属性。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
定义和用法
label 属性规定更短版本的选项。
下拉列表中会显示出所规定的更短版本。
浏览器支持
只有 IE 7+ 支持 label 属性。
语法
<option label="value">
属性值
值 | 描述 |
---|---|
text | 选项的更短的版本。 |