要實(shí)現(xiàn)上面這樣的一個(gè)試卷界面.我主要是先將試卷分為幾部分.
第一部分
主要用<div>實(shí)現(xiàn),以及用<ol>來(lái)實(shí)現(xiàn)填空題的形式
<div>
<h1><strong>統(tǒng)一建模語(yǔ)言理論測(cè)試</strong></h1>
</div>
<div>考試科目：統(tǒng)一建模語(yǔ)言</div>
<div>時(shí)間：100分鐘</div>
<div>得分：</div>
<div>班級(jí)（必填）：<input type="text" name="class"></div>
<div>學(xué)號(hào)（必填）：<input type="text" name="number"></div>
<div>姓名（必填）：<input type="text" name="yourname"></div>
<div>
一贸桶、填空題（每空5分敛助，共20分）
</div>
<ol>
<li>UML的中文全稱是:
<div>
<input type="text" name="answer">
</div>
</li>
<li>對(duì)象最突出的特征是:
<div>
<input type="text" name="answer">
<input type="text" name="answer">
<input type="text" name="answer">
</div>
</li>
</ol>
第二部分
主要用<div>實(shí)現(xiàn)換行的沖突,<ol>實(shí)現(xiàn)選擇的題號(hào),用input標(biāo)簽實(shí)現(xiàn)單選
<div>
二随抠、選擇題（每題10分砌烁，共20分）
</div>
<ol>
<li>UML與軟件工程的關(guān)系是:</li>
<div>
<input type="radio" value="1" name="select1" />
（A）UML就是軟件工程</div>
<div>
<input type="radio" value="2" name="select1" />
（B）UML參與到軟件工程中軟件開(kāi)發(fā)過(guò)程的幾個(gè)階段 </div>
<div>
<input type="radio" value="3" name="select1" />（C）UML與軟件工程無(wú)關(guān)</div>
<div>
<input type="radio" value="4" name="select1" />（D）UML是軟件工程的一部分</div>
<li>Java語(yǔ)言支持:</li>
<div> <input type="radio" value="1" name="select2" />（A）單繼承</div>
<div> <input type="radio" value="2" name="select2" />（B）多繼承</div>
<div><input type="radio" value="3" name="select2" />（C）單繼承和多繼承都支持</div>
<div><input type="radio" value="4" name="select2" />（D）單繼承和多繼承都不支持</div>
</ol>
實(shí)現(xiàn)如下:
第二部分
第三部分
第三部分則是用代碼實(shí)現(xiàn)多選框
<div>
三析珊、多項(xiàng)選擇題（每題10分，共20分）
</div>
<ol>
<li>用例的粒度分為以下哪三種：
<div><input type="checkbox" value="1" name="select3" />（A）概述級(jí)</div>
<div><input type="checkbox" value="2" name="select3" />（B）需求級(jí)</div>
<div><input type="checkbox" value="3" name="select" />（C）用戶目標(biāo)級(jí)</div>
<div><input type="checkbox" value="4" name="select3" />（D）子功能級(jí)</div>
</li>
<li>類圖由以下哪三部分組成：
<div><input type="checkbox" value="1" name="select4" />（A）名稱（Name）</div>
<div><input type="checkbox" value="2" name="select4" />（B）屬性（Attribute）</div>
<div><input type="checkbox" value="3" name="select4" />（C）操作（Operation）</div>
<div><input type="checkbox" value="4" name="select4" />（D）方法（Function）</div>
</li>
</ol>
實(shí)現(xiàn)如下:
第三部分
第四部分
主要是將最后的判斷題和簡(jiǎn)答題以及計(jì)算分?jǐn)?shù)的按鈕實(shí)現(xiàn)
<div>
四甘晤、判斷題（每題10分狐血，共20分）
</div>
<ol>
<li>用例圖只是用于和客戶交流和溝通的，用以確定需求潘懊。
<input type="radio" value="1" name="judge" />T
<input type="radio" value="2" name="judge" />F</li>
<li>在狀態(tài)圖中姚糊，終止?fàn)顟B(tài)在一個(gè)狀態(tài)圖中允許有任意多個(gè)。
<input type="radio" value="1" name="judge" />T
<input type="radio" value="2" name="judge" />F</li>
</ol>
<div>
五授舟、簡(jiǎn)答題（每題20分救恨，共20分）
</div>
1.簡(jiǎn)述什么是模型以及模型的表現(xiàn)形式？
<div id="foot"><button type="button">計(jì)算分?jǐn)?shù)</button></div>
第五部分
**-
經(jīng)過(guò)以上四個(gè)部分的組合,一個(gè)完整的純HTML試卷頁(yè)面就得到啦!
嘿呦喂!
