HTML＜optgroup＞标签

最新推荐文章于 2025-06-09 21:31:18 发布

原创最新推荐文章于 2025-06-09 21:31:18 发布 · 746 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #elementui #webview

收录于

HTML <optgroup> 标签用于在下拉选择列表中创建逻辑分组，提供更好的用户体验。通过指定 label 属性，用户可以更轻松地区分长选项列表中的不同组，例如在示例中，选项被分为了 'Asia' 和 'Europe' 两个区域。

HTML<optgroup>标签用于创建一组选项，相关的选项被分组在特定的标题下。
通常，<optgroup>标签代表分组选项的标签。
label必须指定属性。这使用户更容易了解当长时间选项列表时的选择。

例子

<!DOCTYPE html>
<html>
<head>
  <title>HTML optgroup tag</title>
</head>
<body>
  <select>
    <optgroup label="Asia">  
      <option value="india">India</option>
      <option value="singapore">Singapore</option>
    </optgroup>  
    <optgroup label="Europe"> 
      <option value="Germany">Germany</option>
      <option value="France">France</option>
    </optgroup> 
  </select>
</body>
</html>