select下拉菜单显示的个数可以设置吗?

select下拉菜单显示的个数可以设置吗?

<!DOCTYPE html>

<html>

<head>

    <title>表单</title>

<meta charset="utf-8">

</head>

<body>

 <!-- 在此完成相关任务 -->

 <form>

     下拉菜单:<br/>

     <select>

            <!-- 我这里下拉菜单指向显示6个,右边显示滚轮-->

         <option>熊猫</option>

         <option>猫</option>

         <option>猪</option>

         <option>狗</option>

         <option>牛</option>

         <option>熊猫</option>

         <option>猫</option>

         <option>猪</option>

         <option>狗</option>

         <option>牛</option>

         <option>熊猫</option>

         <option>猫</option>

         <option>猪</option>

         <option>狗</option>

         <option>牛</option>

         <option>熊猫</option>

         <option>猫</option>

         <option>猪</option>

         <option>狗</option>

         <option>牛</option>

     </select>

     <br/>

     列表:<br/>

     <select size="3" multiple>

         <option>香蕉</option>

         <option>苹果</option>

         <option>梨</option>

         <option>梨子</option>

         <option>桃子</option>

     </select>

 </form>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,这个是没有的。一般不会有这么多项,若是特别多的话,可以学习了js之后,使用封装的下拉列表来实现,可以修改样式,更美观些,还可以进行搜索等。

祝学习愉快~

好帮手慕糖 2020-04-11 14:42:12

同学你好,老师这里测试,第一个是所有的都显示的,如下:

http://img1.sycdn.imooc.com//climg/5e9166a3097ec34301890426.jpg

另,是可以设置显示个数的,size属性就可以,第二个就是就是设置了显示3个哦。

祝学习愉快~

  • 提问者 WittChen #1
    老师您好,这个我知道,我的意思是不要全部显示,我只想显示6个,size属性那就不是下拉菜单了,我是又想是下拉菜单,又想只显示6个,多余的通过滚轮查看,不然的话数据很多,全部显示客户体验也不好
    2020-04-11 14:45:30
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师