HTML 下拉列表 - Html

HTML 下拉列表是 Web 开发中常用的一个组件，它可以让用户在一系列选项中进行选择。

HTML 下拉列表语法

HTML 下拉列表可以通过 和 标签来实现。

下面是一个基本的 HTML 下拉列表：

<select>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

其中， 标签定义下拉列表， 标签定义选项。通过 value 属性可以为每个选项设置值。

HTML 下拉列表属性

HTML 下拉列表支持一些常用属性，如下：

• name：指定下拉列表的名称，用于表单提交。
• disabled：禁用下拉列表。
• multiple：允许用户选择多个选项。

下面是一个带有属性的 HTML 下拉列表：

<select name="fruit" disabled multiple>
  <option value="apple">苹果</option>
  <option value="banana">香蕉</option>
  <option value="orange">橙子</option>
</select>

HTML 下拉列表样式

可以使用 CSS 样式来自定义 HTML 下拉列表的外观和行为。

下面是一个简单的 CSS 样式，将下拉列表的边框颜色设置为红色：

select {
  border: 1px solid red;
}

总结

HTML 下拉列表是 Web 开发中常用的一个组件，可以帮助用户进行选择。可以通过 和 标签来实现，也可以使用 CSS 样式来自定义外观和行为。