html下拉框怎么写

html下拉框用于让用户从预定义的选项中选择值。创建下拉框使用元素，添加选项使用元素，设置默认值用selected属性，允许多选用multiple属性，创建选项组用元素。

HTML 下拉框的用法

什么是下拉框？

下拉框（Select）是一种 HTML 表单控件，允许用户从预定义选项列表中选择一个或多个值。

如何创建下拉框？

立即学习“前端免费学习笔记（深入）”；

使用 元素创建下拉框：

<select name="my_select"><!-- 选项 --></select>

如何添加选项？

使用 元素添加选项：

<select name="my_select"><option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
<option value="fiat">菲亚特</option></select>

设置默认值

使用 selected 属性设置默认值：

<select name="my_select"><option value="volvo">沃尔沃</option>
<option value="saab" selected>萨博</option>
<option value="fiat">菲亚特</option></select>

允许多选

使用 multiple 属性允许多选：

<select name="my_select" multiple><option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
<option value="fiat">菲亚特</option></select>

选项组

使用 元素创建选项组：

<select name="my_select"><optgroup label="汽车">
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
</optgroup>
<optgroup label="自行车">
<option value="giant">巨大</option>
<option value="specialized">闪电</option>
</optgroup></select>

以上就是html下拉框怎么写的详细内容，更多请关注IT视界其它相关文章！