1、代码:
<!DOCTYPE html>
<html lang="third">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h3>统一建模语言理论测试</h3>
<div>考试科目:统一建模语言</div>
<div>时间:100分钟</div>
<div>得分:</div>
<div>班级(必填):<input></div>
<div>学号(必填):<input></div>
<div>姓名(必填):<input></div>
<div>
<p>
一、填空题(每空5分,共20分)
<p/>
<ol>
<li>
<div>UML的中文全称是:</div><div><input></div>
</li>
<li>
<div>对象最突出的特征是:</div><div><input> <input> <input></div>
</li>
</ol>
</div>
<div>
<p>
二、选择题(每题10分,共20分)
<p/>
<ol>
<li>
<div>UML与软件工程的关系是:</div>
<ul>
<li><input type="radio" name="softProject">(A)UML就是软件工程</li>
<li><input type="radio" name="softProject">(B)UML参与到软件工程中软件开发过程的几个阶段</li>
<li><input type="radio" name="softProject">(C)UML与软件工程无关</li>
<li><input type="radio" name="softProject">(D)UML是软件工程的一部分</li>
</ul>
</li>
<li>
<div>Java语言支持:</div>
<ul>
<li><input type="radio" name="javaSurport">(A)单继承</li>
<li><input type="radio" name="javaSurport">(B)多继承</li>
<li><input type="radio" name="javaSurport">(C)单继承和多继承都支持</li>
<li><input type="radio" name="javaSurport">(D)单继承和多继承都不支持</li>
</ul>
</li>
</ol>
</div>
<div>
<p>
三、多项选择题(每题10分,共20分)
<p/>
<ol>
<li>
<div>用例的粒度分为以下哪三种:</div>
<ul>
<li><input type="checkbox" name="multiSelect1">(A)概述级</li>
<li><input type="checkbox" name="multiSelect1">(B)需求级</li>
<li><input type="checkbox" name="multiSelect1">(C)用户目标级</li>
<li><input type="checkbox" name="multiSelect1">(D)子功能级</li>
</ul>
</li>
<li>
<div>类图由以下哪三部分组成:</div>
<ul>
<li><input type="checkbox" name="multiSelect2">(A)名称(Name)</li>
<li><input type="checkbox" name="multiSelect2">(B)属性(Attribute)</li>
<li><input type="checkbox" name="multiSelect2">(C)操作(Operation)</li>
<li><input type="checkbox" name="multiSelect2">(D)方法(function)</li>
</ul>
</li>
</ol>
</div>
<div>
<p>
四、判断题(每题10分,共20分)
<p/>
<ol>
<li>
<span>用例图只是用于和客户交流和沟通的,用于确定需求。</span>
<input name="No1" type="radio">对<input name="No1" type="radio">错
</li>
<li>
<span>在状态图中,终止状态在一个状态图中允许有任意多个</span>
<input name="No2" type="radio">对<input name="No2" type="radio">错
</li>
</ol>
</div>
<div>
<p>
五、简答题(每题20分,共20分)
<p/>
<ol>
<li>
<span>简述什么是模型以及模型的表现形式?</span>
<textarea></textarea>
</li>
</ol>
</div>
<button>计算分数</button>
</body>
</html>```
**2、效果图:**
![](http://upload-images.jianshu.io/upload_images/3832208-5f55c332fde10553.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
**3、实现过程:**
- 试卷标题采用h3,试卷说明用div;
- 第一部门填空题,input输入框;
- 第二部分选择题,`<input type="radio">` 定义单选按钮,选项用无序列表;
- 第三部分与第二部分类似;
- 第四部分判断题,样例中没有标明对错,已修正;
- 第五部分简答题,采用textarea。