HTML中考试页面的表单实现

任务要求：纯html实现如下样式的考试页面（不使用任何css/js），要求内容需要完全一样，页面样式仅供参考：

考试页面.png

任务分析：上图中的考试页面内容都是文本形式，中间有部分内容嵌套了有序列表。总体上来看，该考试页面可分为以下几部分：标题栏、填空题、选择题、多项选择题、判断题和简答题六个部分。由此可以选择通过表单方式来分别实现以上几部分内容。

标题：标签，本文采用了
和

表单创建：
 
标签
表单插入文本： 标签
章节：
 
标签包裹
有序列表：
 
标签
文本框：
文本框大小设置： 
选项输入框：和
行距设置：
 

代码如下：

    

    

    
统一建模语言理论测试
    

    考试科目：统一建模语言

    时间：100分钟

    得分：

    班级（必填）：

    学号（必填）：

    姓名（必填）：

    
    

    

    

    
一、填空题（每空5分，共20分）
    

    
UML的中文全称是：
    
    
对象最突出的特征是：
      
    
    
    

    

    

    
二、选择题（每题10分，共20分）
    

    
UML与软件工程的关系是：
  
    (A)UML就是软件工程

    (B)UML参与到软件工程中开发过程的几个阶段

    (C)UML与软件工程无关

    (D)UML是软件工程的一部分

    
Java语言支持：
    (A)单继承

    (B)多继承

    (C)单继承和多继承都支持

    (D)单继承和多继承都不支持

    
    
    

    

    

    
三、多项选择题（每题10分，共20分）
    

    
用例的粒度分为以下哪三种：
  
    (A)概述级

    (B)需求级

    (C)用户目标级

    (D)子功能级

    
类图由以下哪三部分组成：
    (A)名称(Name)

    (B)属性(Attribute)

    (C)操作(Operation)

    (D)方法(Function)

    
    
    

    

    

    
四、判断题（每题10分，共20分）
  
    

    
用例图只是用于和客户交流沟通的，用于确定需求。
    
在状态图中，终止状态在一个状态图中允许有任意多个。
    
    
    

    

    

    
五、简答题（每题20分，共20分）
  
    

    
简述什么是模型以及模型的表现形式？
  
    
    
    

    计算分数
    

    

结果展示：

页面实现结果1.png

页面实现结果2.png

发现问题：通过以上方法实现了该页面以后，发现选择题和判断题部分的圆圈选项框点了以后无法消掉，多项选择部分的方形选项框倒是可以正常消掉。目前还未想明白原因……