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

HTML 下拉框的用法
什么是下拉框?
下拉框(Select)是一种 HTML 表单控件,允许用户从预定义选项列表中选择一个或多个值。
如何创建下拉框?
立即学习“前端免费学习笔记(深入)”;
使用 <select> 元素创建下拉框:
<code class="html"><select name="my_select"> <!-- 选项 --> </select></code>
如何添加选项?
使用 <option> 元素添加选项:
<code class="html"><select name="my_select"> <option value="volvo">沃尔沃</option> <option value="saab">萨博</option> <option value="fiat">菲亚特</option> </select></code>
设置默认值
使用 selected 属性设置默认值:
<code class="html"><select name="my_select"> <option value="volvo">沃尔沃</option> <option value="saab" selected>萨博</option> <option value="fiat">菲亚特</option> </select></code>
允许多选
使用 multiple 属性允许多选:
<code class="html"><select name="my_select" multiple> <option value="volvo">沃尔沃</option> <option value="saab">萨博</option> <option value="fiat">菲亚特</option> </select></code>
选项组
使用 <optgroup> 元素创建选项组:
<code class="html"><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></code>











