网络技术问题 | HTML 课程 | 练习测验 2 | 问题 8

问题描述

在一个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>

在上述的代码中，<option>标签的value属性指定了提交表单时对应的值。在这个例子中，选中"选项1"时，表单将提交"value1"作为数据。

此外，还可以使用selected属性指定某个选项为默认选中项：

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

总结

使用<select>和<option>标签创建下拉菜单非常简单，只需要按照上述示例进行使用即可。同时需要注意为<option>标签指定value属性，以便在表单提交时获取选中的值。