html之select标签

最新推荐文章于 2018-11-26 19:47:53 发布

原创最新推荐文章于 2018-11-26 19:47:53 发布 · 396 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

软件开发专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍了HTML中select元素的不同用法，包括如何创建单选和多选的下拉框，设置显示数量，以及如何使用optgroup元素进行选项分组。

//上面是有multiple属性，下面这个选择框还可以多选。主要是可以多选
<select name= “education” id=”education” multiple=”multiple”>
       <option value=”1”>高中</option>
       <option value=”2”>大学</option>
       <option value=”3”>博士</option>
</select>

//下面没有multiple属性 ,只显示一条，不能多选
<select name= “education” id=”education” >
       <option value=”1”>高中</option>
       <option value=”2”>大学</option>
       <option value=”3”>博士</option>
</select>

//下面是设置了size属性的情况 , 如果size = 3 那么就显示三条数据，注意不能多选的。
<select name="education" id="education" size='3'>
         <option value="0">小学</option>
         <option value="1">初中</option>
         <option value="2">高中</option>
         <option value="3">中专</option>
         <option value="4">大专</option>
         <option value="5">本科</option>
         <option value="6">研究生</option>
         <option value="7">博士</option>
         <option value="8">博士后</option>
         <option selected>请选择</option>
</select>

//分组