为什么size设置成3,但是显示选项为4个

来源:2-24 编程练习

KingBiao

2019-07-19 22:08:30

<!DOCTYPE html>

<html>

<head>

    <title>表单</title>

<meta charset="utf-8">

</head>

<body>

 <table>

     <tr><td>下拉菜单:</td></tr>

     <tr><td><select>

         <option>熊猫</option>

         <option>猫</option>

         <option>狗</option>

         <option>猪</option>

         <option>猴子</option>

     </select></td></tr>

     <tr><td>列表:<br/><select size="3">

         <option>苹果</option>

         <option selected>香蕉</option>

         <option>橙子</option>

         <option>桃</option>

         <option>梨</option>

     </select></td>

     <td>下拉菜单项:<select size="5">

         <option>熊猫</option>

         <option>猫</option>

         <option selected>狗</option>

         <option>猪</option>

         <option>猴子</option>

     </select></td>

     <td>列表项:<select size="5" multiple>

         <option>苹果</option>

         <option selected>香蕉</option>

         <option>橙子</option>

         <option selected>桃</option>

         <option>梨</option>

     </select></td></tr>

 </table>

</body>

</html>

http://img.mukewang.com/climg/5d31cec0000131d407400356.jpg

写回答

2回答

好帮手慕星星

2019-07-20

同学你好,这边使用Chrome浏览器测试效果是正确的:

http://img.mukewang.com/climg/5d327a1d00011e0000870200.jpg

可以看看自己使用的是哪种浏览器,部分是不兼容的:

http://img.mukewang.com/climg/5d3279ec00017e0713010507.jpg

红色区域表示不兼容。

其实这个练习只需要写左侧两个就可以:

http://img.mukewang.com/climg/5d327a3500013c0305120311.jpg

右侧部分是展开项,显示左侧两个中有什么内容,在列表处也需要添加上多选属性哦:

http://img.mukewang.com/climg/5d327ab50001359e05680273.jpg

祝学习愉快!

1

慕粉4184331

2019-07-20

可能是你浏览器的问题,换成谷歌看看,因为我将你代码复制下来都是正常的


0

0 学习 · 40143 问题

查看课程