W2

<!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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容