<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap的HTML标准模板</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<!--你自己的样式文件 -->
<!-- <link href="css/your-style.css" type="text/css" rel="stylesheet"> -->
<!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
<!-- // <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
// <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> -->
<style type="text/css">
.row{
border: 1px solid #ccc;
height: 50px;
line-height: 50px;
}
ul>li{
position: relative;
left: 15px;
}
</style>
</head>
<body>
<h1 class="text-center">统一建模语言理论测试</h1>
<div class="container">
<div class="row" style="font-weight:bold;">
<div class="col-md-4"><div>考试科目：统一建模语言</div></div>
<div class="col-md-4"><div>时间：100分钟</div></div>
<div class="col-md-4"><div>得分：</div></div>
</div>
<div class="row" style="border:0;height:30px;">
<div class="col-md-12"></div>
</div>
<div class="row">
<div class="col-md-12">
<form class="form-inline" role="form">
<div class="row" style="border:0;">
<div class="col-md-4">
<div class="form-group">
<label class="" for="exampleInputEmail2">班级（必填）：</label>
<input type="text" class="form-control input-sm" id="exampleInputEmail2" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword2">学号（必填）：</label>
<input type="text" class="form-control input-sm" id="exampleInputPassword2" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword2">姓名（必填）：</label>
<input type="text" class="form-control input-sm" id="exampleInputPassword2" >
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row" style="border:0;height:30px;"></div>
<div class="row" style="background:#ccc;border-bottom:0;">
<div class="col-md-12">一、填空题（每题10分，共20分）</div>
</div>
<div class="row" style="height:auto;">
<form role="form">
<p><b>1.UML的中文全称是：</b></p>
<div class="form-group"><input type="text" name="text" class="form-control input-sm" style="width:17%;margin-left:20px;"></div>
<p><b>1.对象最突出的特征是：</b></p>
<div class="form-group form-inline"><input type="text" name="text" class="form-control input-sm" style="width:17%;margin-left:20px;"><input type="text" name="text" class="form-control input-sm" style="width:17%;margin-left:5px;"><input type="text" name="text" class="form-control input-sm" style="width:17%;margin-left:5px;"></div>
</form>
</div>
<div class="row" style="border:0;height:30px;"></div>
<div class="row" style="background:#ccc;border-bottom:0;">
<div class="col-md-12">二、选择题（每题10分，共20分）</div>
</div>
<div class="row" style="height:auto;">
<div class="col-md-12">
<form class="form-inline" role="form">
<ul class="list-unstyled"><strong>1.UML与软件工程的关系是：</strong>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（A）UML就是软件工程
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（B）UML参与到软件工程中软件开发过程的几个阶段
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（C）UML与软件工程无关
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（D）UML是软件工程的一部分
</label>
</div>
</li>
</ul>
</form>
</div>
<div class="col-md-12">
<form class="form-inline" role="form">
<ul class="list-unstyled"><strong>2.Java语言支持：</strong>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（A）单继承
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（B）多继承
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（C）单继承和多继承都支持
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" name="1">（D）单继承和多继承都不支持
</label>
</div>
</li>
</ul>
</form>
</div>
</div>
<div class="row" style="border:0;height:30px;"></div>
<div class="row" style="background:#ccc;border-bottom:0;">
<div class="col-md-12">三、多项选择题（每空10分，共20分）</div>
</div>
<div class="row" style="height:auto;">
<div class="col-md-12">
<form class="form-inline" role="form">
<ul class="list-unstyled"><strong>1.用例的粒度分为以下哪三种：</strong>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（A）概述级
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（B）需求级
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（C）用户目标级
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（D）子功能级
</label>
</div>
</li>
</ul>
</form>
</div>
<div class="col-md-12">
<form class="form-inline" role="form">
<ul class="list-unstyled"><strong>2.类图由以下哪三部分组成：</strong>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（A）名称（Name）
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（B）属性（Attribute）
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（C）操作（Operation）
</label>
</div>
</li>
<li>
<div class="radio">
<label>
<input type="radio" onclick="toggle_radio(this)" >（D）方法（Function）
</label>
</div>
</li>
</ul>
</form>
</div>
</div>
<div class="row" style="height:30px;border:0;"></div>
<div class="row" style="background:#ccc;border-bottom:0;">
<div class="col-md-12">四、判断题（每题10分，共20分）</div>
</div>
<div class="row" style="height:auto;">
<form role="form">
<div class="form-group form-inline has-success has-feedback">
<ol>
<li>用例图只是用于和客户交流和沟通的，用于确定需求。 <input type="radio" onclick="toggle_radio(this)" name="2"> <span class="glyphicon glyphicon-ok"></span><input type="radio" onclick="toggle_radio(this)" name="2" style="margin-left:5px;"> <span class="glyphicon glyphicon-remove"></span></li>
<li>在状体图中终止状态在一个状态图中允许有任意多个。 <input type="radio" onclick="toggle_radio(this)" name="2"> <span class="glyphicon glyphicon-ok"></span><input type="radio" onclick="toggle_radio(this)" name="2" style="margin-left:5px;"> <span class="glyphicon glyphicon-remove"></span></li>
</ol>
</div>
</form>
</div>
<div class="row" style="height:30px;border:0;"></div>
<div class="row" style="background:#ccc;border-bottom:0;">
<div class="col-md-12">五、简答题（每题20分，共20分）</div>
</div>
<div class="row" style="height:auto;">
<div class="col-md-12">
<form role="form">
<div class="form-group">
<ul class="list-unstyled">
<b>1.简述什么是模型以及模型的表现形式。</b>
<li><textarea class="form-control" style="width:97.5%;" rows="5" overflow="auto"></textarea></li>
</ul>
</div>
</form>
</div>
</div>
<div class="row" style="height:30px;border:0;"></div>
</div>
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->
<script src="js/bootstrap.min.js"></script>
</body>
<script type="text/javascript">
var num = setInterval(function(){
var radio = document.getElementsByTagName('input');
for (var i = 0; i < radio.length; i++) {
if(radio[i].type == 'radio'){
if(radio[i].checked == true){
radio[i].onclick = function() {
// body...
radio[i].checked = false;
}
}
}
}
},100);
</script>
</html>
网友评论