HTML : 表单实现

作业内容

使用纯html实现考试页面(不使用任何css/js),使用正确合适的标签做出如下的页面效果。内容需要完全一样,但页面样式仅供参考:


知识点

相关标签:

  • **<textarea> **
    <textarea> 标签定义多行的文本输入控件。
    • 文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
    1. 可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。
 <textarea rows="3" cols="20">
    hello world !  
</textarea>

思路

  • 该页面分为6个模块
    1个标题
    5个题目模块
    1个提交按钮
    每个题目模块包含: 一个小标题 + 一个有序列表
    每个列表的不同根据其实现内容不同列数和内容不同

实现


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

参考+工具

W3School : HTML
rangl推荐的代码格式化工具

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,748评论 1 92
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,067评论 0 16
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,240评论 1 41
  • 我无法下下自己的心情,崩溃过后慢慢恢复总是思绪万千。我深知我的懦弱无能,恨我自己无法迈出这一步,我也想,但我一直奢...
    执念馥郁阅读 251评论 0 0
  • 《生查子~那时秋暮》 ——东邪之女 那时秋暮寒,今又霜花叠。夕照旧人颜,余恨窗前月。 忍看驿路闲,恐怕东风绝。误了...
    东邪之女阅读 266评论 0 3