小码哥的IT人生

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 选项的更短的版本。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024