HTML | 标签

<select> 标签用于创建下拉列表。

语法

<select>
  <option value="值">文本</option>
  <option value="值">文本</option>
  ...
</select>

属性

• disabled：禁用选项
• multiple：允许多选
• name：设置表单控件名称
• required：指示该选择框必填字段
• size：设置可见选项的数量

选项

• <option>：定义下拉列表中的一个选项

<option value="值">文本</option>

其中 value 属性可用于提交表单数据，text 属性则用于显示选项的文本。

例子

<label for="fruits">选择水果</label>
<select id="fruits" name="fruit">
  <option value="">--请选择--</option>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

以上代码将创建一个简单的下拉列表，其中包含 4 个选项。第一个选项是一个占位符，而剩下的三个是具体的水果选项。

参考链接

• HTML Select 元素