Web(四)构建Web表单-创建下拉列表

我不是女神ヾ 2023-09-24 14:44 62阅读 0赞

## 第1关\_下拉列表控件相关概念 ##

![5a742522c5e745b497c6dbe17a4be27d.png][]

## 第2关\_创建下拉列表 ##

#### 编程要求 ####

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

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

## 第3关\_设置多选和默认选项 ##

#### 编程要求 ####

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

预期输出：

猫 狗 鸟 鸭子

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

[5a742522c5e745b497c6dbe17a4be27d.png]: https://img-blog.csdnimg.cn/5a742522c5e745b497c6dbe17a4be27d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，62人围观）

还没有评论，来说两句吧...

相关阅读

相关 web实验四表单处理实验

实验原理 > > 通过jQuery实现修改HTML标签属性，完成网页的动态显示效果，理解JavaScript语法、动态页面的实现原理、基本设计思想及实现方法。...

矫情吗；*/ 2024年04月17日 11:47/ 0 赞/ 144 阅读

相关 Web(四)构建Web表单-对表单进行验证

第1关：表单验证相关的概念 ![b03754fb6bbe4037b19c71f2d1dd7359.png][] 第2关\_非空校验编程要求根据提示，在右

分手后的思念是犯贱/ 2023年09月24日 14:44/ 0 赞/ 143 阅读

相关 Web(四)构建Web表单-给表单组件添加说明

第1关\_label标签相关概念 ![8340c10cbc4f4414ac17d7daa087e18f.png][] 第2关\_给表单组件添加说明\_\_单选框

墨蓝/ 2023年09月24日 14:44/ 0 赞/ 107 阅读

相关 Web(四)构建Web表单-创建下拉列表

第1关\_下拉列表控件相关概念 ![5a742522c5e745b497c6dbe17a4be27d.png][] 第2关\_创建下拉列表编程要求根据提

我不是女神ヾ/ 2023年09月24日 14:44/ 0 赞/ 63 阅读

相关 Web(四)构建Web表单-对表单元素分组

第1关\_分组元素相关的概念 ![02f541a39f534e41b0f5999e6c0061a9.png][] 第2关\_对表单元素分组编程要求根据提

r囧r小猫/ 2023年09月24日 14:44/ 0 赞/ 140 阅读

相关 Web(四)构建Web表单-创建输入控件

第1关\_input控件相关概念 ![867c30328b9b4b8483f2939354ecdce0.png][] 第2关\_创建文本框编程要求请在右

我就是我/ 2023年09月24日 14:43/ 0 赞/ 131 阅读

相关 Web(四)构建Web表单-表单的结构

第1关\_分组元素相关的概念 input控件：是单行输入型控件，用来接受用户输入的信息。 textarea控件：用来创建一个支持多行的文本输入区域。 s

朴灿烈づ我的快乐病毒、/ 2023年09月24日 14:43/ 0 赞/ 128 阅读

相关 jquery创建下拉列表_使用jQuery创建Twitter样式的下拉列表

jquery创建下拉列表 ![Twitter Dropdown][] Twitter does some great stuff with JavaScript. What

爱被打了一巴掌/ 2023年02月22日 01:25/ 0 赞/ 142 阅读

相关 Python web开发（五）：列表和表单

Python爬虫、数据分析、网站开发等案例教程视频免费在线观看 https://space.bilibili.com/523606542 [Python学习交

r囧r小猫/ 2022年10月13日 14:57/ 0 赞/ 241 阅读

相关 web表单

1.表单介绍表单通常用来收集网页访问者信息，常见的表单比如搜索引擎的搜索框、各网页应用的注册或者登陆界面等。一个表单通常包括多个表单控件，一些常用的表单控件如下：添加文

矫情吗；*/ 2022年06月03日 00:09/ 0 赞/ 291 阅读