EduCoder-Web程序设计基础-html5— 创建下拉列表-第2关:创建下拉列表
目录
- 任务描述
- 相关知识
- 编程要求
- 测试说明
- 代码示例
任务描述
本关任务:在WEB表单中创建下拉列表选择框
相关知识
为了完成本关任务,你需要掌握:使用select元素和option元素来创建一个下拉列表选择框
创建下拉列表
select 元素可创建单选或多选菜单,可以通过size属性来设置选择框的行数。
option元素用于定义列表中的可用选项。
提示:select 元素是一种表单控件,可用于在表单中接受用户输入。
示例
编程要求
根据提示,在右侧编辑器补充代码。
测试输入:创建一个下拉列表选择框,将选择框显示行数设置为两行,选项包括"玩游戏"“看电影”“听音乐”
预期输出:玩游戏看电影听音乐
测试说明
补充代码后,请点击测评,平台会对你编写的代码进行测试,如果正确则完成闯关任务。
越努力越幸运,祝你成功!
代码示例
DOCTYPE html>
<html><head><meta charset="utf-8"/><title>创建下拉列表title>head><body><form action="" method="get"><select size="2"><option value="SH">玩游戏option><option value="BJ">看电影option><option value="HB">听音乐option>select>form>body>
html>
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
