◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
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>
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。