本节讲述单选框/下拉菜单/添加文件，综合css，html和JavaScript实现的，具体详情如下所示：
单选框：
实现的功能是：（类似平时的性格测试） 先隐藏一部分页面，然后通过点击单选框来显示。 再通过选项的选择-（每个选项有不同的积分）积分的多少来给出评语
演示代码：
<div class="jb51code">
<pre class="brush:js;">
您要参与问卷调查吗？
dio" name="wenjuan" value="yes" onclick="showContent(this)"/> 是 否
dio" name="wenjuan" value="yes" onclick="showContent(this)"/> 是 否
内容:
您的姓名：
您的电话：
您的姓名：
您的电话：
欢迎您参与性格测试
第一题：
您喜欢的水果是什么？- dio" name="nol" value="1"/> 葡萄
- dio" name="nol" value="2"/> 西瓜
- dio" name="nol" value="3"/> 苹果
- dio" name="nol" value="4"/> 芒果
- dio" name="nol" value="5"/> 樱桃
360浏览器8.1 演示结果：
一开始的页面：
单选框选中”是”：
不选中水果时的提示：
选中水果时的提示：
下拉列表：
简单的演示代码：
<div class="jb51code">
<pre class="brush:js;">
