以下是 <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.zyzy.cn/article/detail/3771/HTML5