任务描述
本关任务：创建多选和有默认选项的下拉列表选择框
相关知识
为了完成本关任务，你需要掌握：
1.创建多选选择框
2.创建具有默认选项的选择框
创建多选选择框
select元素的multiple属性用于定义选择框是否多选
提示：
对于 windows：按住 Ctrl 按钮来选择多个选项
对于 Mac：按住 command 按钮来选择多个选项
创建具有默认选项的选择框
option元素的select属性可以设置默认选项
示例如下：
桃子香蕉苹果橘子
编程要求
请在右侧编辑器中的Begin - End区域内补充代码，，创建一个多选下拉列表，选项包括“猫”“狗”“鸟”“鸭子”，其中“猫”为默认选项。
预期输出：
猫狗鸟鸭子
测试说明
补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。
越努力越幸运，祝你成功！
代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>创建多选和默认选项</title>
</head>
<body>
<form action="" method="get">
<!-- ********* Begin ******* -->
<select multiple="multiple">
<option value ="peach" selected>猫</option>
<option value ="banana" >狗</option>
<option value="apple">鸟</option>
<option value="orange">鸭子</option>
</select>
<!-- ********* End ********* -->
</form>
</body>
</html>
扫一扫
400
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
