<select> 标签是 HTML5 中用于创建下拉列表的元素。它允许用户从预定义的选项中选择一个或多个值。

以下是 <select> 标签的基本用法:
<select>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

在这个例子中,<select> 标签包含了三个 <option> 元素,每个 <option> 元素表示下拉列表中的一个选项。用户可以点击下拉箭头并选择一个选项,所选的值将被发送到服务器(如果表单中包含 <form> 元素)或通过 JavaScript 进行处理。

<select> 元素还可以使用 multiple 属性,使用户能够选择多个选项:
<select multiple>
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

在这个例子中,添加了 multiple 属性,用户可以按住 Ctrl(Windows/Linux)或 Command(Mac)键,同时选择多个选项。

你还可以使用 JavaScript 动态地操作 <select> 元素,例如通过添加和删除 <option> 元素。这样可以根据用户的需求动态更新下拉列表的内容。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3771/HTML5