创建下拉列表

最新推荐文章于 2023-04-11 10:32:51 发布

静待花开︳

最新推荐文章于 2023-04-11 10:32:51 发布

阅读量925

点赞数 1

分类专栏： Web前端 educoder 文章标签： html

本文链接：https://blog.csdn.net/weixin_52184490/article/details/121788822

版权

educoder 同时被 2 个专栏收录

51 篇文章 9 订阅

订阅专栏

Web前端

35 篇文章 2 订阅

订阅专栏

第1关：下拉列表控件相关概念

1、<select>标签用于创建（） D.下拉列表选项

2、<select>用于在表单中插入一个下拉列表框，它需要与哪个标签配合使用（） C.<option>

3、设置下拉列表框中某项被默认选中的属性是( )。C.selected

4、若设置下拉列表为多选，可在select标签中添加（）属性。B.multiple

5、下拉列表设置<select name="Fruit" size="3"> 表明（）A.可以看到3个下拉列表的选项

第2关：创建下拉列表

编程要求

根据提示，在右侧编辑器补充代码。测试输入：创建一个下拉列表选择框，将选择框显示行数设置为两行,选项包括"玩游戏"“看电影”“听音乐” 预期输出：玩游戏看电影听音乐

预期输出：玩游戏看电影听音乐

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>创建下拉列表</title>
 </head>
 <body>
  <form action="" method="get">
   <!-- ********* Begin ******* -->
    <select size="2">
        <option>玩游戏</option>
        <option>看电影</option>
        <option>听音乐</option>
    </select>
   <!-- ********* End ********* -->
  </form>
 </body>
</html>

第3关：设置多选和默认选项

编程要求

请在右侧编辑器中的Begin - End区域内补充代码，，创建一个多选下拉列表，选项包括“猫”“狗”“鸟”“鸭子”，其中“猫”为默认选项。

预期输出：

猫狗鸟鸭子

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>创建多选和默认选项</title>
 </head>
 <body>
  <form action="" method="get">
   <!-- ********* Begin ******* -->
    <select multiple="multiple">
        <option selected>猫</option>
        <option>狗</option>
        <option>鸟</option>
        <option>鸭子</option>

    </select>
   <!-- ********* End ********* -->
  </form>
 </body>
</html>

静待花开︳

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
创建下拉列表

第1关：下拉列表控件相关概念1、<select>标签用于创建（） D.下拉列表选项2、<select>用于在表单中插入一个下拉列表框，它需要与哪个标签配合使用（） C.<option>3、设置下拉列表框中某项被默认选中的属性是( )。C.selected4、若设置下拉列表为多选，可在select标签中添加（）属性。B.multiple5、下拉列表设置<select name="Fruit" size="3"> 表明（）A.可以...
复制链接

扫一扫