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

下載本文檔

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

文檔簡介

項目9使用CSS美化表單一.填空題1．表單的提交方法有和兩種，其默認方式是。答案：get、post、post2．<form>標記中，屬性的作用指定了處理上傳數(shù)據(jù)的頁面；屬性用于指定了瀏覽器上傳數(shù)據(jù)的方式。答案：action、method3．<input>標記中，屬性的值指出表單元素的名稱；屬性的值指出表單元素類型。答案：name、type4．如果要將表單默認的邊界值去掉，可以使用的語句是。答案：margin:0;padding:0;5．標記使用，可以擴大控件的選擇范圍，從而提供更好的用戶體驗。答案：<select></select>6．請根據(jù)下列的描述，在橫線上填寫符合條件的定位方式。（填寫static、relative、aboslute或fixed中的一項或多項）（1）元素在標準文檔流中的位置會被保留。（2）能夠通過z-index層疊屬性設(shè)置該元素的層疊次序。（3）元素相對于它原來的位置為定位基準。（4）元素在標準流中的位置會被其它元素占據(jù)。答案：(1)relative(2)relative、aboslute、fixed(3)relative(4)aboslute二.單項選擇題（只有一個正確答案）1．下列標簽中，用于在網(wǎng)頁中創(chuàng)建表單的是（）。A．<table>B．<selete>C．<form>D．<input>答案：C2．將<input>標簽的屬性設(shè)置為<inputtype=="submit">，用于創(chuàng)建（）。A．重置按鈕B．提交按鈕C．單選按鈕D．普通按鈕答案：B3．在<input>標簽中，如果希望實現(xiàn)密碼框效果，type屬性的值可以設(shè)置為（）。A．textB．hiddenC．passD．password答案：D4．在<input>標簽中，如果要完成性別的單選輸入，下列代碼正確的是（）。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>標簽中，type屬性的值為（）時，代表一個多項復(fù)選框。A．radioB．buttonC．checkboxD．reset答案：C6．在代碼<formaction=”#”method=”post”>中，下列說法正確的是（）。A．method只有兩個值可以選擇，分別是get和post，默認值是post。B．get方法以密文的方式傳輸數(shù)據(jù)，傳輸?shù)臄?shù)據(jù)量少，執(zhí)行效率高。C．post方法以明文的方式，傳輸?shù)臄?shù)據(jù)量大D．a(chǎn)ction屬性指定了處理上傳數(shù)據(jù)的頁面答案：AD7．如果要在表單中添加一個默認時為選中狀態(tài)的單選框或復(fù)選框，要在input標簽中添加（）屬性。A．checkedB．seletedC．labelD．hidden答案：A8．在<input>標簽中，下列（）表示的不是按鈕。A．type="image"B．type="submit"C．type="reset"D．type="button"答案：A9．創(chuàng)建表單，在指定單選框或復(fù)選框時，只有將（）屬性的值指定為相同，才能使它們成為一組。A．idB．valueC．classD．name答案：D10．如果要在網(wǎng)頁中設(shè)計一個可以輸入姓名的文本框，可以使用的語句是（）。A．<inputtype=”checkbox”> B．<inputtype=”file”>C．<inputtype=“text”> D．<inputtype=”textarea”>答案：C11．如果要設(shè)計可以讓用戶輸入大量反饋信息的文本框，可以使用的語句是（）。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)建一個下拉列表 B．創(chuàng)建一個表格C．設(shè)置一個復(fù)選框 D．創(chuàng)建一個文本輸入框答案：A13．下列關(guān)于表單的說明中，錯誤的是（）。A．表單通常用于搜集用戶信息。B．在FORM標記符中使用action屬性指定表單處理程序的位置。C．表單中只能包含表單控件，而不能包含其他諸如圖片之類的內(nèi)容。D．在FORM標記符中使用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ù)覽時處于不可編輯狀態(tài)，即顯示為灰色，要在<input>標簽中加（）屬性。A．disabledB．idC．hiddenD．checked答案：A16．下列標簽中，（）表示強制換行。A．<enter>B．<hr>C．<div>D．<br>答案：D17．下列關(guān)于相對定位，說法正確的是（）。A．相對定位的屬性值為absoluteB．相對定位的元素不會脫離標準文檔流，所以會影響周圍元素的定位C．相對定位是相對于元素原位置進行偏移D．相對定位是相對于父級容器進行位置偏移答案：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)頁中的兩個div對象制實現(xiàn)重疊效果，則（）。A．使用表格布局B．設(shè)置兩個div對象的z-index層疊屬性C．定義兩個div對象的定位類型為相對定位D．不能實現(xiàn)答案B：20．下列語句描述正確的是（）。A．設(shè)置元素的顯示屬性為block意味著按行顯示，和其它元素同一行顯示B．當頁面有多個層堆疊時，按照z-index的數(shù)值由大到小，從外向里排列C．設(shè)置元素的顯示屬性為inline意味著按塊顯示，換行顯示D．當頁面有多個層堆疊時，按照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．紅色的框在藍色的框內(nèi)B．元素two相對于元素one的左上角位置進行位置偏移C．元素two相對于自身的位置進行位置移偏D．元素two相于對瀏覽器窗體的左上角進行位置偏移答案：D三、多項選擇題（至少有兩個正確答案）1．如下圖所示，說法正確的是（）。A．這是一個下拉菜單，它通過<select>標記和<option>標記來定義B．可以通過rows和cols屬性定義其大小C．瀏覽者可以通過拖曳滾動條來觀看各選項。D．<select>定義的表單元素通過改變其multiple屬性取值可以實現(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．下列元素定位方式中，將會脫離正常文檔流的是（）。A．絕對定位B．相對定位C．固定定位D．靜態(tài)定位答案：AC四、判斷題1．在HTML表單中，文本框、密碼框和復(fù)選框都是用<input>標記符生成的。（）答：√2．一個網(wǎng)頁中只能包含一個表單。（）答：×3．在HTML中，與表格一樣，表單也能嵌套。（）答：×4．position默認值為static，表示不使用定位屬性定位。（）答：√5．position允許用戶精確定義元素框出現(xiàn)的相對位置。（）答：√五、簡答題1．表單中文本框和密碼框在定義方法和實現(xiàn)效果上有什么區(qū)別？答案：文本框的type屬性值為text，密碼框的type屬性值為password，在文本框中輸入字符為明文，在密碼框中輸入字符表現(xià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)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論