表单元素——下拉列表
第1关：表单元素——下拉列表
- 任务描述
- 相关知识
- 编程要求
- 测试说明
任务描述
本关任务：创建一个下拉列表，默认选中客户端测试，没有value值 。
效果如下：
相关知识
你可以使用<select>标签用来创建下拉列表，<option>标签定义列表中的可用选项。
例子如下：
<select><option value="apple">苹果</option><option value="banana">香蕉</option><option value="pear">梨</option><option value="apple">菠萝</option></select>
效果如下：
苹果 香蕉 梨 菠萝
可以发现： 显示的是第一个<option>标签里面的内容。如果想默认显示第三个<option>里的内容呢？
在要默认显示的<option>里添加selected属性就可以了。
例子如下：
<select><option value="apple">苹果</option><option value="banana">香蕉</option><option value="pear" selected="selected">梨</option><option value="apple">菠萝</option></select>
效果如下：
苹果 香蕉 梨 菠萝
selected属性的用法和前面介绍的checked属性一样。
为了规范书写，一般添加selected="selected"就可以了。
编程要求
请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成一个下拉列表的创建任务。
测试说明
平台会对你的代码进行运行测试，如果实际输出结果与预期结果相同，则通关；反之，则 GameOver。
赶快试一下吧！！！
//option里面不能有空格，之前博主写的时候是<option >,就多了一个 空格，导致一直提交不对
选择版块：
<!-- ********* Begin ********* -->
<select>
<option>问答</option>
<option>分享</option>
<option>招聘</option>
<option selected="selected">客户端测试</option>
</select>
<!-- ********* End ********* -->
表单元素——下拉列表相关推荐
- 前端：HTML/06/表单，表单元素（单行文本域，单行密码域，单选按钮，复选框，下拉列表，文本区域，上传文件域，各种按钮，隐藏域，lt;caption表格标题）
表单<form>(块元素) 表单的概念:表单主要用来获取用户数据(信息),如:注册表单, 查询表单,登录表单. 表单的工作原理: 浏览有表单的网页,填写一些必要的信息,然后点击某个按钮进行 ...
- HTML 下拉列表select表单元素
< select> 表单元素 使用场景:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下 拉列表. < select>表单元素 在页面中, ...
- 【2018-01-22】HTML-表单及表单元素
<body><!--表单--><form action="" method="post"><!--文本类-->& ...
- html 复选框name值,HTML(5)表单元素以及对各个表单元素的name、value属性的理解
我在学习表单元素的时候感觉很混乱,特别是 name value这两个属性,没有真正理解它们是干什么的,所以需要梳理一下. HTML表单元素主要有 HTML5新增的表单元素有三个 下面梳理一下这些表单元 ...
- HTML知识积累及实践（五） - 表单元素
html - 表单元素 一.select标签 select 元素可创建单选或多选菜单 注:当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项将其合成一个单独的参数列表,并且在将 < ...
- HTML知识积累及实践（四） - 表单元素
html - 表单元素 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等)输入信息的元素 表单使用表单标签(<form>)定义 < ...
- 非表单元素如何使用焦点事件
在前端开发中,常用的焦点事件有focus和blur. 来看看在菜鸟教程(https://www.runoob.com/jsref/met-html-focus.html)中的介绍: focus() 方 ...
- vue v-model 双向绑定表单元素的数据：实质是绑定了value、checked、selected属性
用法: 可以用 v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定. 它会根据控件类型自动选取正确的方法 ...
- HTML进阶（3）- 表单元素
本系列笔记是基于[渡一教育]袁进老师的html+css基础课程而记录,仅作为个人记录以及阅读使用. 文章目录 表单元素 input元素 select元素 textarea元素 按钮元素 表单状态 配合 ...
最新文章
- (转)koogra--Excel文件读取利器
- android拦截短信获取短信内容,《英雄联盟手游》先锋测试招募说明：仅安卓用户...
- shader weaver_Oracle通过邀请Weaver和Chin推动JavaFX向前发展
- Spring Boot 笔记汇总
- Android:模拟器使用PC地址上网设置，且访问本地服务器
- 大数据的可视化：bigvis包的简单尝试
- 《EMCAScript6入门》读书笔记——16.Generator函数的语法
- cruise软件模型，混动仿真模型，IMMD架构混联混动仿真模型，Cruise混动仿真模型，混联混动汽车动力性经济性仿真
- 计算机版本过低怎么办,浏览器版本过低嗡嗡叫怎么办_电脑显示浏览器版本过低嗡嗡叫如何处理-win7之家...
- Mac苹果电脑怎么调整磁盘区域的大小
- 计算机网络中速率(date rate)和带宽的区别
- MongoDB for Java Programmer ——2
- python中 jsonchema 与 shema 效率比较
- python中，获取字符串的长度
- ACM-ICPC 2018 南京赛区网络预赛丨AC Challenge丨状压DP
- Could not load file or assembly ‘NPOI.OOXML, Version=2.5.5.0, Culture=neutral, PublicKeyToken=0df73e
- 北京图王软件开发有限公司产品介绍-Visual Graph专业图形引擎
- 输入圆的半径，求面积
- 【已解决】Caused by: java.lang.ClassNotFoundException: org.springframework.boot.context.properties.
- 学习Java好还是python好？