下拉列表项2-24编程练习(为什么我默认选中的颜色也是不一样的,它的是蓝色我都是灰色呢) 感谢!
来源：2-24 编程练习
bao_
2019-11-27 00:22:34
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
<meta charset="utf-8">
</head>
<body>
<!-- 在此完成相关任务 -->
<form>
下拉菜单:<br/>
<select>
<option value="1">熊猫</option>
<option value="2">猫</option>
<option value="3">狗</option>
<option value="4">猪</option>
<option value="5">猴子</option>
</select> <br/><br/><br/>
列表:<br>
<select size="3" name="Fruits">
<option value="apple">苹果</option>
<option value="banana" selected>香蕉</option>
<option value="pear">梨</option>
</select>
下拉菜单项:
<select multiple size="5" name="Animal">
<option value="Panda">熊猫</option>
<option value="Cat">猫</option>
<option value="Dog" selected>狗</option>
<option value="Pig">猪</option>
<option value="Monkey">猴子</option>
</select>
列表项:
<select multiple size="5" name="Fruits2">
<option value="apple">苹果</option>
<option value="banana" selected>香蕉</option>
<option value="pear">梨</option>
<option value="Orange">橙子</option>
<option value="peach" selected>桃</option>
</select>
</form>
</body>
</html>
3回答
-
同学你好，可以通过空格符 来实现：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h019-11-28 -
好帮手慕粉
2019-11-27
同学你好，下拉菜单默认是底部对齐，所以第一个高度很小，上面有很多空间很正常。效果图只是给大家展示要实现怎么样的菜单，后面的两个菜单只是给大家展示列表中要显示的内容，不需要去做：
本题实现的效果参考如下代码：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h019-11-27 -
好帮手慕粉
2019-11-27
同学你好，同学实现的效果是正确的。
1、默认选中的颜色不一样是同学没有点击，如果点击的话就跟示例图一样了：
2、列表没有与下方紧挨着是受到了后面布局的影响，我们先把后面的注释掉看一下：
同学不用太在意这个，代码是对的就可以了。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h019-11-27
相似问题