網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目9使用CSS美化表單_第1頁
網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目9使用CSS美化表單_第2頁
網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目9使用CSS美化表單_第3頁
網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目9使用CSS美化表單_第4頁
網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目9使用CSS美化表單_第5頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

項(xiàng)目9使用CSS美化表單一.填空題1．表單的提交方法有和兩種，其默認(rèn)方式是。答案：get、post、post2．<form>標(biāo)記中，屬性的作用指定了處理上傳數(shù)據(jù)的頁面；屬性用于指定了瀏覽器上傳數(shù)據(jù)的方式。答案：action、method3．<input>標(biāo)記中，屬性的值指出表單元素的名稱；屬性的值指出表單元素類型。答案：name、type4．如果要將表單默認(rèn)的邊界值去掉，可以使用的語句是。答案：margin:0;padding:0;5．標(biāo)記使用，可以擴(kuò)大控件的選擇范圍，從而提供更好的用戶體驗(yàn)。答案：<select></select>6．請根據(jù)下列的描述，在橫線上填寫符合條件的定位方式。（填寫static、relative、aboslute或fixed中的一項(xiàng)或多項(xiàng)）（1）元素在標(biāo)準(zhǔn)文檔流中的位置會(huì)被保留。（2）能夠通過z-index層疊屬性設(shè)置該元素的層疊次序。（3）元素相對于它原來的位置為定位基準(zhǔn)。（4）元素在標(biāo)準(zhǔn)流中的位置會(huì)被其它元素占據(jù)。答案：(1)relative(2)relative、aboslute、fixed(3)relative(4)aboslute二.單項(xiàng)選擇題（只有一個(gè)正確答案）1．下列標(biāo)簽中，用于在網(wǎng)頁中創(chuàng)建表單的是（）。A．<table>B．<selete>C．<form>D．<input>答案：C2．將<input>標(biāo)簽的屬性設(shè)置為<inputtype=="submit">，用于創(chuàng)建（）。A．重置按鈕B．提交按鈕C．單選按鈕D．普通按鈕答案：B3．在<input>標(biāo)簽中，如果希望實(shí)現(xiàn)密碼框效果，type屬性的值可以設(shè)置為（）。A．textB．hiddenC．passD．password答案：D4．在<input>標(biāo)簽中，如果要完成性別的單選輸入，下列代碼正確的是（）。A．<inputtype=="radio"name="sex"/>男<inputtype=="radio"name="sex"/>女B．<inputtype=="radio"name="nan"/>男<inputtype=="radio"name="nv"/>女C．<inputtype=="checkbox"name="sex"/>男<inputtype=="checkbox"name="sex"/>女D．<inputtype=="text"name="sex"/>男<inputtype=="text"name="sex"/>女答案：A5．在<input>標(biāo)簽中，type屬性的值為（）時(shí)，代表一個(gè)多項(xiàng)復(fù)選框。A．radioB．buttonC．checkboxD．reset答案：C6．在代碼<formaction=”#”method=”post”>中，下列說法正確的是（）。A．method只有兩個(gè)值可以選擇，分別是get和post，默認(rèn)值是post。B．get方法以密文的方式傳輸數(shù)據(jù)，傳輸?shù)臄?shù)據(jù)量少，執(zhí)行效率高。C．post方法以明文的方式，傳輸?shù)臄?shù)據(jù)量大D．a(chǎn)ction屬性指定了處理上傳數(shù)據(jù)的頁面答案：AD7．如果要在表單中添加一個(gè)默認(rèn)時(shí)為選中狀態(tài)的單選框或復(fù)選框，要在input標(biāo)簽中添加（）屬性。A．checkedB．seletedC．labelD．hidden答案：A8．在<input>標(biāo)簽中，下列（）表示的不是按鈕。A．type="image"B．type="submit"C．type="reset"D．type="button"答案：A9．創(chuàng)建表單，在指定單選框或復(fù)選框時(shí)，只有將（）屬性的值指定為相同，才能使它們成為一組。A．idB．valueC．classD．name答案：D10．如果要在網(wǎng)頁中設(shè)計(jì)一個(gè)可以輸入姓名的文本框，可以使用的語句是（）。A．<inputtype=”checkbox”> B．<inputtype=”file”>C．<inputtype=“text”> D．<inputtype=”textarea”>答案：C11．如果要設(shè)計(jì)可以讓用戶輸入大量反饋信息的文本框，可以使用的語句是（）。A．<inputtype=“submit”></input> B．<inputtype=“textarea”></input>C．<textareaname=“textarea”></textarea> D．<inputtype=“text”></input>答案：C12．關(guān)于代碼<selectname=”age”></select>，表示（）。A．創(chuàng)建一個(gè)下拉列表 B．創(chuàng)建一個(gè)表格C．設(shè)置一個(gè)復(fù)選框 D．創(chuàng)建一個(gè)文本輸入框答案：A13．下列關(guān)于表單的說明中，錯(cuò)誤的是（）。A．表單通常用于搜集用戶信息。B．在FORM標(biāo)記符中使用action屬性指定表單處理程序的位置。C．表單中只能包含表單控件，而不能包含其他諸如圖片之類的內(nèi)容。D．在FORM標(biāo)記符中使用method屬性指定提交表單數(shù)據(jù)的方法。答案：C14．閱讀以下代碼段，下列說法正確的是（）。<inputtype="password"name="password"><inputtype="submit"name="submit"><inputtype="checkbox"name="checkbox"><inputtype="text"name="text">A．上面代碼表示的表單元素類型分別是：密碼框、提交按鈕、復(fù)選框、文件域B．上面代碼表示的表單元素類型分別是：文本框、重置框、單選按鈕、復(fù)選框C．上面代碼表示的表單元素類型分別是：密碼框、提交按鈕、復(fù)選框、文本框D．上面代碼表示的表單元素類型分別是：文本框、單選按鈕、下拉列表框、文件域答案：C15．如果要使表單元素（如文本框）在預(yù)覽時(shí)處于不可編輯狀態(tài)，即顯示為灰色，要在<input>標(biāo)簽中加（）屬性。A．disabledB．idC．hiddenD．checked答案：A16．下列標(biāo)簽中，（）表示強(qiáng)制換行。A．<enter>B．<hr>C．<div>D．<br>答案：D17．下列關(guān)于相對定位，說法正確的是（）。A．相對定位的屬性值為absoluteB．相對定位的元素不會(huì)脫離標(biāo)準(zhǔn)文檔流，所以會(huì)影響周圍元素的定位C．相對定位是相對于元素原位置進(jìn)行偏移D．相對定位是相對于父級容器進(jìn)行位置偏移答案：C18．下列代碼片段中，屬于絕對定位的是（）。A．#box{width:100px;height:50px;position:fixed;}B．#box{width:100px;height:50px;position:static;}C．#box{width:100px;height:50px;position:relative;}D．#box{width:100px;height:50px;position:absolute;}答案：D19．如果要將網(wǎng)頁中的兩個(gè)div對象制實(shí)現(xiàn)重疊效果，則（）。A．使用表格布局B．設(shè)置兩個(gè)div對象的z-index層疊屬性C．定義兩個(gè)div對象的定位類型為相對定位D．不能實(shí)現(xiàn)答案B：20．下列語句描述正確的是（）。A．設(shè)置元素的顯示屬性為block意味著按行顯示，和其它元素同一行顯示B．當(dāng)頁面有多個(gè)層堆疊時(shí)，按照z-index的數(shù)值由大到小，從外向里排列C．設(shè)置元素的顯示屬性為inline意味著按塊顯示，換行顯示D．當(dāng)頁面有多個(gè)層堆疊時(shí)，按照z-index的數(shù)值由大到小，從里往外排列答案：B21．閱讀下列代碼片斷，下列說法正確的是（）。<styletype="text/css">.one{width:400px;height:300px;border:1pxsolidred;}.two{width:100px;height:100px;border:1pxsolidblue;position:absolute;left:50px;top:100px;}</style><body><divclass="one"></div><divclass="two"></div></body>A．紅色的框在藍(lán)色的框內(nèi)B．元素two相對于元素one的左上角位置進(jìn)行位置偏移C．元素two相對于自身的位置進(jìn)行位置移偏D．元素two相于對瀏覽器窗體的左上角進(jìn)行位置偏移答案：D三、多項(xiàng)選擇題（至少有兩個(gè)正確答案）1．如下圖所示，說法正確的是（）。A．這是一個(gè)下拉菜單，它通過<select>標(biāo)記和<option>標(biāo)記來定義B．可以通過rows和cols屬性定義其大小C．瀏覽者可以通過拖曳滾動(dòng)條來觀看各選項(xiàng)。D．<select>定義的表單元素通過改變其multiple屬性取值可以實(shí)現(xiàn)多選答案：AB2．關(guān)于下列表單的說法正確的是（）。<formaction=”message.php”method=”post”name=”myform”></form>A．表單的名稱是myformB．表單的數(shù)據(jù)提交的頁面是message.phpC．post方式將以明文方式傳輸數(shù)據(jù)D．以post方式提交的表單數(shù)據(jù)沒有大小限制答案：AB3．以下屬于position定位盒子方式的是（）。A．絕對定位B．相對定位C．固定定位D．靜態(tài)定位答案：AB4．下列元素定位方式中，將會(huì)脫離正常文檔流的是（）。A．絕對定位B．相對定位C．固定定位D．靜態(tài)定位答案：AC四、判斷題1．在HTML表單中，文本框、密碼框和復(fù)選框都是用<input>標(biāo)記符生成的。（）答：√2．一個(gè)網(wǎng)頁中只能包含一個(gè)表單。（）答：×3．在HTML中，與表格一樣，表單也能嵌套。（）答：×4．position默認(rèn)值為static，表示不使用定位屬性定位。（）答：√5．position允許用戶精確定義元素框出現(xiàn)的相對位置。（）答：√五、簡答題1．表單中文本框和密碼框在定義方法和實(shí)現(xiàn)效果上有什么區(qū)別？答案：文本框的type屬性值為text，密碼框的type屬性值為password，在文本框中輸入字符為明文，在密碼框中輸入字符表現(xiàn)為黑色圓點(diǎn)。2．在表單中定義一組單選按鈕和一組復(fù)選按鈕在方法上有什么區(qū)別？答案：單選按鈕的type屬性值為radio，復(fù)選按鈕的type屬性值為checkbox，屬于同一組的checkbox，它們的name屬性值必須相同；屬于同一組的radio，它們的name屬性值

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論