html實現(xiàn)一個試卷頁面

目標效果

目標效果

知識點

<input>的輸入類型

  • <input type="text"> 定義供文本輸入的單行輸入字段叠洗。
  • <input type="radio"> 定義單選按鈕。
  • <input type="checkbox">定義復選框权逗。
  • <input type="button> 定義按鈕罐呼。

HTML標簽

  • <textarea>標簽定義輸入文本框
    rows和cols屬性分別定義文本框的行數(shù)和列數(shù)。

實現(xiàn)代碼

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>試卷</title>
    </head>
    <body>
        <header>
            <h1>統(tǒng)一建模語言理論測試</h1>
            考試科目:統(tǒng)一建模語言<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與軟件工程的關(guān)系是:<br>
                    <input type="radio" name="key2.1" value="A">(A)UML就是軟件工程<br>
                    <input type="radio" name="key2.1" value="B">(B)UML參與到軟件工程中軟件開發(fā)過程的幾個階段<br>
                    <input type="radio" name="key2.1" value="C">(C)UML于軟件工程無關(guān)<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>
                    在狀態(tài)圖中派诬,終止狀態(tài)在一個狀態(tài)圖中允許有任意多個。
                    <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>
                    簡述什么是模型以及模型的表現(xiàn)形式?<br>
                    <textarea name="key5.1" value="" rows="5" cols="30"></textarea>
                    <br>
                </li>
            </ol>
        </p>
        <p>
            <input type="button" name="calcScore" value="計算分數(shù)">
            <br>
            <hr>
        </p>
    </body>
</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末括勺,一起剝皮案震驚了整個濱河市缆八,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌疾捍,老刑警劉巖奈辰,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異乱豆,居然都是意外死亡奖恰,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門咙鞍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來房官,“玉大人,你說我怎么就攤上這事续滋『彩兀” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵疲酌,是天一觀的道長蜡峰。 經(jīng)常有香客問我了袁,道長,這世上最難降的妖魔是什么湿颅? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任载绿,我火速辦了婚禮,結(jié)果婚禮上油航,老公的妹妹穿的比我還像新娘崭庸。我一直安慰自己,他們只是感情好谊囚,可當我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布怕享。 她就那樣靜靜地躺著,像睡著了一般镰踏。 火紅的嫁衣襯著肌膚如雪函筋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天奠伪,我揣著相機與錄音跌帐,去河邊找鬼。 笑死绊率,一個胖子當著我的面吹牛谨敛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播滤否,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼佣盒,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了顽聂?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤盯仪,失蹤者是張志新(化名)和其女友劉穎紊搪,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體全景,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡耀石,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了爸黄。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片滞伟。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖炕贵,靈堂內(nèi)的尸體忽然破棺而出梆奈,到底是詐尸還是另有隱情,我是刑警寧澤称开,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布亩钟,位于F島的核電站乓梨,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏清酥。R本人自食惡果不足惜扶镀,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望焰轻。 院中可真熱鬧臭觉,春花似錦、人聲如沸辱志。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽荸频。三九已至菱肖,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間旭从,已是汗流浹背稳强。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留和悦,地道東北人退疫。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像鸽素,于是被迫代替她去往敵國和親褒繁。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,678評論 2 354

推薦閱讀更多精彩內(nèi)容

  • HTML標簽解釋大全 一馍忽、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,240評論 1 41
  • 引言 在日常開發(fā)Android中棒坏,很多時候會遇到和WebView打交道,對CSS HTML JS不是很清楚的話是完...
    張文靖同學閱讀 2,837評論 0 11
  • 本文主要是起筆記的作用遭笋,內(nèi)容來自慕課網(wǎng). 認識HTML坝冕、CSS、JavaScript 學習web前端開發(fā)基礎(chǔ)技術(shù)需...
    0o凍僵的企鵝o0閱讀 679評論 3 7
  • HTML基礎(chǔ) 本文包括 HTML基本知識與結(jié)構(gòu) HTML常見標簽 標簽寫法與嵌套的討論 HTML瓦呼、CSS喂窟、java...
    廖少少閱讀 2,085評論 2 21
  • 差不多晚上十點,我迷迷糊糊快要睡著了央串,眼睛拼命睜開就閉上了磨澡,這是昨晚失眠帶來的后遺癥。突然一個激靈质和,你要起來不能...
    祺小白閱讀 156評論 0 0