在 HTML 中,可以使用 <select>
和 <option>
标签创建下拉菜单。其中,<select>
标签用于定义下拉菜单,<option>
标签用于定义下拉菜单中的选项。
示例代码如下:
<select>
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
<option value="option4">选项4</option>
</select>
其中,value
属性指定了选项的值,可以在提交表单时使用;<option>
标签的文本内容则是显示在下拉菜单中的选项名称。
需要注意的是,为了让下拉菜单具有默认选项,可以在 <select>
标签中加入 selected
属性,例如:
<select>
<option value="option1" selected>选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
<option value="option4">选项4</option>
</select>
这样,下拉菜单默认选中的就是第一个选项(即选项1)。
另外,如果需要为下拉菜单设置样式或添加事件,可以使用 CSS 和 JavaScript 进行设置。