html实现一个试卷页面

目标效果

目标效果

知识点

<input>的输入类型

  • <input type="text"> 定义供文本输入的单行输入字段。
  • <input type="radio"> 定义单选按钮。
  • <input type="checkbox">定义复选框。
  • <input type="button> 定义按钮。

HTML标签

  • <textarea>标签定义输入文本框
    rows和cols属性分别定义文本框的行数和列数。

实现代码

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>试卷</title>
    </head>
    <body>
        <header>
            <h1>统一建模语言理论测试</h1>
            考试科目:统一建模语言<br>
            时间:100分钟<br>
            得分:<br>
            班级(必填):
            <input type="text" name="class" value=""><br>
            学号(必填):
            <input type="text" name="number" value=""><br>
            姓名(必填):
            <input type="text" name="name" value=""><br>
        </header>
        <p>
            <h4>一、填空题(每空5分,共20分)</h4><br>
            <ol>
                <li>
                    UML的中文全称是:<br>
                    <input type="text" name="key1.1" value=""><br>
                </li>
                <li>
                    对象最突出的特征是:<br>
                    <input type="text" name="key1.2.1" value="">
                    <input type="text" name="key1.2.2" value="">
                    <input type="text" name="key1.2.3" value="">
                    <br>
                </li>
            </ol>
        </p>
        <p>
            <h4>二、选择题(每题10分,共20分)</h4><br>
            <ol>
                <li>
                    UML与软件工程的关系是:<br>
                    <input type="radio" name="key2.1" value="A">(A)UML就是软件工程<br>
                    <input type="radio" name="key2.1" value="B">(B)UML参与到软件工程中软件开发过程的几个阶段<br>
                    <input type="radio" name="key2.1" value="C">(C)UML于软件工程无关<br>
                    <input type="radio" name="key2.1" value="D">(D)UML是软件工程的一部分<br>
                </li>
                <li>
                    Java语言支持:<br>
                    <input type="radio" name="key2.2" value="A">(A)单继承<br>
                    <input type="radio" name="key2.2" value="B">(B)多继承<br>
                    <input type="radio" name="key2.2" value="C">(C)单继承和多继承都支持<br>
                    <input type="radio" name="key2.2" value="D">(D)单继承和多继承都不支持<br>
                </li>
            </ol>
        </p>
        <p>
            <h4>三、多项选择题(每题10分,共20分)</h4><br>
            <ol>
                <li>
                    用例的力度分为以下哪三种:<br>
                    <input type="checkbox" name="key3.1" value="A">(A)概述级<br>
                    <input type="checkbox" name="key3.1" value="B">(B)需求级<br>
                    <input type="checkbox" name="key3.1" value="C">(C)用户目标级<br>
                    <input type="checkbox" name="key3.1" value="D">(D)子功能级<br>
                </li>
                <li>
                    类图由以下哪三部分组成:<br>
                    <input type="checkbox" name="key3.2" value="A">(A)名称(Name)<br>
                    <input type="checkbox" name="key3.2" value="B">(B)属性(Attribute)<br>
                    <input type="checkbox" name="key3.2" value="C">(C)操作(Operation)<br>
                    <input type="checkbox" name="key3.2" value="D">(D)方法(Function)<br>
                </li>
            </ol>
        </p>
        <p>
            <h4>四、判断题(每空10分,共20分)</h4><br>
            <ol>
                <li>
                    用例图只是用于和客户交流和沟通的,用于确定需求。
                    <input type="radio" name="key4.1" value="true">
                    <input type="radio" name="key4.1"value="false">
                    <br>
                </li>
                <li>
                    在状态图中,终止状态在一个状态图中允许有任意多个。
                    <input type="radio" name="key4.2" value="true">
                    <input type="radio" name="key4.2" value="false">
                    <br>
                </li>
            </ol>
        </p>
        <p>
            <h4>五、简答题(每空10分,共20分)</h4><br>
            <ol>
                <li>
                    简述什么是模型以及模型的表现形式?<br>
                    <textarea name="key5.1" value="" rows="5" cols="30"></textarea>
                    <br>
                </li>
            </ol>
        </p>
        <p>
            <input type="button" name="calcScore" value="计算分数">
            <br>
            <hr>
        </p>
    </body>
</html>

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

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,224评论 1 41
  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 2,828评论 0 11
  • 本文主要是起笔记的作用,内容来自慕课网. 认识HTML、CSS、JavaScript 学习web前端开发基础技术需...
    0o冻僵的企鹅o0阅读 675评论 3 7
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,078评论 2 21
  • 差不多晚上十点,我迷迷糊糊快要睡着了,眼睛拼命睁开就闭上了,这是昨晚失眠带来的后遗症。突然一个激灵,你要起来不能...
    祺小白阅读 152评论 0 0