HTML:关于select标签

最新推荐文章于 2025-06-19 03:39:14 发布

原创最新推荐文章于 2025-06-19 03:39:14 发布 · 412 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用HTML中的select标签创建普通的下拉列表，以及如何利用optgroup标签将相关选项进行分组，以增强用户体验和信息组织。通过具体代码示例展示了基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

select标签实现普通下拉列表

<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>

select标签通过 <optgroup> 标签把相关的选项组合在一起

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

效果如下所示