HTML任務(wù)三

1、代碼:

<!DOCTYPE html>
<html lang="third">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

    <h3>統(tǒng)一建模語言理論測(cè)試</h3>
    <div>考試科目:統(tǒng)一建模語言</div>
    <div>時(shí)間:100分鐘</div>
    <div>得分:</div>
    <div>班級(jí)(必填):<input></div>
    <div>學(xué)號(hào)(必填):<input></div>
    <div>姓名(必填):<input></div>

    <div>
        <p>
            一、填空題(每空5分,共20分)
        <p/>
        <ol>
           <li>
                <div>UML的中文全稱是:</div><div><input></div>
           </li>
            <li>
                <div>對(duì)象最突出的特征是:</div><div><input> <input> <input></div>
            </li>
        </ol>
    </div>

    <div>
        <p>
            二、選擇題(每題10分,共20分)
        <p/>
        <ol>
            <li>
                <div>UML與軟件工程的關(guān)系是:</div>
                <ul>
                    <li><input type="radio" name="softProject">(A)UML就是軟件工程</li>
                    <li><input type="radio" name="softProject">(B)UML參與到軟件工程中軟件開發(fā)過程的幾個(gè)階段</li>
                    <li><input type="radio" name="softProject">(C)UML與軟件工程無關(guān)</li>
                    <li><input type="radio" name="softProject">(D)UML是軟件工程的一部分</li>
                </ul>
            </li>
            <li>
                <div>Java語言支持:</div>
                <ul>
                    <li><input type="radio" name="javaSurport">(A)單繼承</li>
                    <li><input type="radio" name="javaSurport">(B)多繼承</li>
                    <li><input type="radio" name="javaSurport">(C)單繼承和多繼承都支持</li>
                    <li><input type="radio" name="javaSurport">(D)單繼承和多繼承都不支持</li>
                </ul>
            </li>
        </ol>
    </div>

    <div>
        <p>
            三、多項(xiàng)選擇題(每題10分,共20分)
        <p/>
        <ol>
            <li>
                <div>用例的粒度分為以下哪三種:</div>
                <ul>
                    <li><input type="checkbox" name="multiSelect1">(A)概述級(jí)</li>
                    <li><input type="checkbox" name="multiSelect1">(B)需求級(jí)</li>
                    <li><input type="checkbox" name="multiSelect1">(C)用戶目標(biāo)級(jí)</li>
                    <li><input type="checkbox" name="multiSelect1">(D)子功能級(jí)</li>
                </ul>
            </li>
            <li>
                <div>類圖由以下哪三部分組成:</div>
                <ul>
                    <li><input type="checkbox" name="multiSelect2">(A)名稱(Name)</li>
                    <li><input type="checkbox" name="multiSelect2">(B)屬性(Attribute)</li>
                    <li><input type="checkbox" name="multiSelect2">(C)操作(Operation)</li>
                    <li><input type="checkbox" name="multiSelect2">(D)方法(function)</li>
                </ul>
            </li>
        </ol>
    </div>

    <div>
        <p>
            四、判斷題(每題10分,共20分)
        <p/>
        <ol>
            <li>
                <span>用例圖只是用于和客戶交流和溝通的,用于確定需求。</span>
                <input name="No1" type="radio">對(duì)<input name="No1" type="radio">錯(cuò)
            </li>
            <li>
                <span>在狀態(tài)圖中,終止?fàn)顟B(tài)在一個(gè)狀態(tài)圖中允許有任意多個(gè)</span>
                <input name="No2" type="radio">對(duì)<input name="No2" type="radio">錯(cuò)
            </li>
        </ol>
    </div>

    <div>
        <p>
            五、簡(jiǎn)答題(每題20分,共20分)
        <p/>
        <ol>
            <li>
                <span>簡(jiǎn)述什么是模型以及模型的表現(xiàn)形式?</span>
                <textarea></textarea>
            </li>
        </ol>
    </div>
    <button>計(jì)算分?jǐn)?shù)</button>
</body>
</html>```
**2、效果圖:**
![](http://upload-images.jianshu.io/upload_images/3832208-5f55c332fde10553.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
**3、實(shí)現(xiàn)過程:**
- 試卷標(biāo)題采用h3,試卷說明用div;
- 第一部門填空題,input輸入框;
- 第二部分選擇題,`<input type="radio">` 定義單選按鈕,選項(xiàng)用無序列表;
- 第三部分與第二部分類似;
- 第四部分判斷題,樣例中沒有標(biāo)明對(duì)錯(cuò),已修正;
- 第五部分簡(jiǎn)答題,采用textarea。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,114評(píng)論 1 92
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,814評(píng)論 1 19
  • 你有壓力么? 你的壓力很大么? 用一個(gè)詞來形容壓力,你會(huì)說什么? 這三個(gè)問題,你的回答是什么? 我相信有一大半的小...
    謝小迪閱讀 493評(píng)論 0 1
  • Nginx: Nginx 是一個(gè)免費(fèi)的,開源的,高性能的HTTP服務(wù)器和反向代理,以及一個(gè)IMAP / POP3代...
    jie0112閱讀 456評(píng)論 0 0
  • 剛接完一個(gè)網(wǎng)上的個(gè)案咨詢,已是深夜,卻沒有了睡意,我知道是內(nèi)在的愉悅在做崇,因?yàn)槲野l(fā)覺我慢慢的開始佩服自...
    寧靜牛媽閱讀 348評(píng)論 0 1

友情鏈接更多精彩內(nèi)容