前端 HTML form表单标签 select标签 option 下拉框

HTML表单中的`<select>`和`<option>`标签可以创建下拉选择框，让用户从预定义的选项列表中进行选择。下面是一个简单的示例：

<form>
  <label for="fruits">选择你喜欢的水果:</label>
  <select id="fruits" name="fruits">
    <option value="apple">苹果</option>
    <option value="banana">香蕉</option>
    <option value="orange">橙子</option>
    <option value="grape">葡萄</option>
  </select>
  <br><br>
  <input type="submit" value="提交">
</form>

在这个例子中，我们使用`<select>`标签创建一个下拉选择框，并使用`<option>`标签定义选项列表。每个`<option>`标签都有一个`value`属性，表示该选项的值。当用户选择一个选项并提交表单时，该选项的值将被发送到服务器。

我们还可以使用`<select>`标签的`name`属性来定义该下拉选择框的名称，以便在表单提交时将其与其它表单元素一起发送到服务器。