目录
任务描述
本关任务:创建一个下拉列表,默认选中客户端测试,没有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
。
赶快试一下吧!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
选择版块:
<!-- ********* Begin ********* -->
<select>
<option value="">问答</option>
<option value="">分享</option>
<option value="">招聘</option>
<option selected="selected">客户端测试</option>
</select>