xhtml與cssppt課件-在線瀏覽
2025-03-08 19:38本頁面
【正文】 /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table Firefox效果 IE效果 設(shè)置間距為 10，取消背景色 table border=20 cellspacing=10 bordercolor=0099FF tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 再設(shè)置填充為 10 table border=20 cellspacing=10 cellpadding=10 bordercolor=0099FF tr tdrow 1, cell 1/td tdrow 1, cell 2/td /tr tr tdrow 2, cell 1/td tdrow 2, cell 2/td /tr /table 單元格標(biāo)記 td的常見屬性 td的屬性 含義 bordercolor 單元格邊框的顏色，該屬性僅 IE支持 bgcolor 單元格的背景色 background 單元格的背景圖像 align/valign 單元格里的內(nèi)容的水平或垂直對齊方式 colspan/rowspan 合并同一列相鄰的幾個單元格 / 合并同一行的幾個單元格 width， height 單元格的寬和高，可以使用象素或百分比做單位 注意：單元格 td無 border屬性，因此無法設(shè)置單元格邊框的寬度，單元格邊框?qū)挾?只能是 1或 0 單元格的合并屬性 ?td rowspan=3課程表 /td ?td colspan=2星期一 /td 看代碼畫表格 table width=266 height=127 border=1 tr td/td td rowspan=2 /td /tr tr td /td /tr /table 網(wǎng)頁中表單的作用 ?表單主要功能是提供給用戶輸入信息的窗口并收集瀏覽者填寫的信息。 ?網(wǎng)頁中的表單 ? 用戶注冊表單 ? 提交搜索表單 ? 用戶登錄表單 Web 應(yīng)用程序 訪問者將表單數(shù)據(jù)提交給服務(wù)器處理 保存提交的數(shù)據(jù)或?qū)μ峤坏臄?shù)據(jù)進(jìn)行查詢 Web應(yīng)用程序?qū)Ρ韱芜M(jìn)行處理 表單的功能 ?表單可以用于調(diào)查、訂購、搜索等功能。 ?表單信息處理的過程：當(dāng)單擊表單中的提交按紐時，輸入在表單中的信息就會 上傳到服務(wù)器中 ，然后由服務(wù)器中的有關(guān)應(yīng)用程序進(jìn)行處理，處理后或者將用戶提交的信息儲存在服務(wù)器端的數(shù)據(jù)庫中，或者將有關(guān)的信息返回到客戶端瀏覽器中。 (2)表單元素 ：例如文本框、下拉菜單、復(fù)選框和單選框等。 表單標(biāo)記 form ?form/form標(biāo)記用來創(chuàng)建一個表單域，即定義 表單的開始和結(jié)束 位置，這一標(biāo)記有幾方面的作用。所有表單對象，都要插入到表單域之中。 ?第二方面，攜帶表單的相關(guān)信息，例如 處理表單的腳本程序的位置（ action）、提交表單的方法（ method） 等。表單元素 2的 name=表單元素 2的 value…… form name=f action=s input type=text name=wd id=kw size=42 maxlength=100 input type=submit value=百度一下 id=sb /form form標(biāo)記常見屬性 action ?action：接一個動態(tài)網(wǎng)頁名 form name=test method=“post action=4 設(shè)置 action屬性后會產(chǎn)生兩個作用： 1點(diǎn)擊該表單的提交按鈕將會鏈接到該網(wǎng)頁 2 同時還會將表單中輸入的數(shù)據(jù)發(fā)送給該網(wǎng)頁進(jìn)行處理 ?如果將 action屬性值設(shè)置為空將由當(dāng)前網(wǎng)頁對提交數(shù)據(jù)進(jìn)行處理 表單數(shù)據(jù)提交后 ?表單將數(shù)據(jù)提交給動態(tài)頁后，動態(tài)頁通過request對象取下數(shù)據(jù)，就能進(jìn)行處理了，如把這些數(shù)據(jù)存入數(shù)據(jù)庫，或按這些數(shù)據(jù)進(jìn)行查詢等。userName br你輸入的密碼是 :amp。 ?input標(biāo)記的必備屬性（必須具有的屬性） ? name：表單元素的名稱，由于表單中通常有很多表單元素，服務(wù)器要根據(jù) name屬性獲取相應(yīng)元素的內(nèi)容。39。 復(fù)選框 type=“checkbox” ?復(fù)選框，可以選中多項(xiàng) ?input name=“checkbox” type=“checkbox” value=“1” checked=“checked” /看書 input name=“checkbox2” type=“checkbox” value=“2” /上網(wǎng) input type=checkbox name=checkbox3 value=“3 /聽音樂 文件域 type=file ?input type=file name=“upfile / ?供上傳文件用，需要服務(wù)器端的上傳組件配合 ?文件域?qū)Ρ韱螛?biāo)記 form有特殊要求，method必須設(shè)為 post， MIME類型必須為multipart/formdata 按鈕 ?提交按鈕 (type=submit) 將表單中所有具有 name屬性的元素內(nèi)容發(fā)送到服務(wù)器端指定的應(yīng)用程序 ?重置按鈕 (type=reset) 用戶在填寫表單時，若希望重新填寫，單擊該按鈕將使全部表單元素的值還原為初始值 ?普通按鈕 (type=button) 該按鈕沒有內(nèi)在行為，但可用 javascript為其指定動作 圖像域 type=image ?即圖像按鈕，用一張圖片做按鈕，功能和提交按鈕相同 input type=image name=“tijiao src=images/ / 下拉菜單 select和 option標(biāo)記 ? select標(biāo)記是下拉菜單框或列表框標(biāo)記，是一個標(biāo)記的含義由其 size屬性決定的元素，如果該標(biāo)記沒有設(shè)置 size屬性，那么表示為下拉菜單框，如果設(shè)置了 size屬性，則變成了列表框。 ?例如：你的籍貫： select name=select id=select size=3 option value=1湖南 /option option value=2廣東 /option option value=3江蘇 /option option value=4四川 /option/select 去掉 size屬性后 多行文本域標(biāo)記 textarea ?textarea是多行文本域標(biāo)記，用于讓瀏覽者輸
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1