<select name =""></select>的作用与怎么使用
时间: 2023-12-10 12:05:14 浏览: 169
`<select>` 是 HTML 表单中的一个标签,用于创建一个下拉列表框,让用户从预定义的选项中进行选择。
`<select>` 标签的使用方法如下:
1. 在 HTML 表单中插入 `<select>` 标签。
2. 在 `<select>` 标签中插入 `<option>` 标签,每个 `<option>` 标签表示一个选项。
3. 在每个 `<option>` 标签中设置选项的值和显示文本。
4. 设置 `<select>` 标签的 `name` 属性,这个属性值将在表单提交时作为参数名传递给后台处理程序。
5. 可以设置 `<select>` 标签的 `multiple` 属性,允许用户选择多个选项。
示例代码:
```html
<form>
<label for="fruit">选择你喜欢的水果:</label>
<select name="fruit" id="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
<option value="watermelon">西瓜</option>
</select>
<button type="submit">提交</button>
</form>
```
此代码将创建一个选择水果的下拉列表框,并在表单提交时将选中的水果名称作为参数名为 `fruit` 的参数传递给后台处理程序。
阅读全文