select标签multiple属性的原生复选功能

最新推荐文章于 2024-10-10 21:56:27 发布

Java小爬虫

最新推荐文章于 2024-10-10 21:56:27 发布

阅读量3.3k

点赞数 1

分类专栏：工作总结文章标签： select标签multiple属性的原生复选功能 select multiple属性的原生复选功能 select标签multiple属性 select标签的复选功能

本文链接：https://blog.csdn.net/qq_36500554/article/details/83750637

版权

工作总结专栏收录该内容

15 篇文章 0 订阅

订阅专栏

select标签multiple属性的原生复选功能

select标签属性中，添加multiple="multiple"设置，就将select修改为复选形式了。

不过弊端在于不能像单选模式一样，选择之后选项框自动折叠。所以需要根据size="*"属性配合使用,来定义可见选项的数目.

<select class="demo" multiple="multiple"  size="3">  
    <optgroup label="Languages">  
        <option value="cp">C++</option>  
        <option value="cs">C#</option>  
        <option value="oc">Object C</option>  
        <option value="c">C</option>  
    </optgroup>  
    <optgroup label="Scripts">  
        <option value="js">JavaScript</option>  
        <option value="php">PHP</option>  
        <option value="asp">ASP</option>  
        <option value="jsp">JSP</option>  
    </optgroup>  
</select>

备注:在不同操作系统中，选择多个选项的差异：