通過代碼實(shí)例跟我學(xué)j2eeweb組件相關(guān)技術(shù)——html標(biāo)簽的相關(guān)的教學(xué)示例第3部分-wenkub.com
2024-11-10 07:42 本頁面
【正文】 但 optgroup標(biāo)簽不支持嵌套定義。 textarea標(biāo)簽中的 name 屬性 項(xiàng)目 定義該多行文本輸入控件的標(biāo)簽對象的名稱， cols 屬性項(xiàng)目 定義出列寬、 rows 屬性 項(xiàng)目 定義行高，如果添加了 disabled 屬性 項(xiàng)目 ，則該多行文本輸入控件將被改變?yōu)?“只讀 ”效果 ，操作者 不能編輯修改其中的文本內(nèi)容。下表說明了 input標(biāo)簽內(nèi)的 type 屬性的各種可能的取值及對應(yīng)的控件類型。 而 GET 方法將參數(shù)追加到請求的 URL 上，因此，這些參數(shù)對于查看頁 面的任何人都是可見的。 2) 提交表單時，其中收集到的信息會被發(fā)送到服務(wù)器端，服務(wù)器端相關(guān)應(yīng)用程序（ PHP、ASP 或 JSP 等）會進(jìn)行處理，比如將信息保存到數(shù)據(jù)庫中，也可將處理結(jié)果再回送到客戶端瀏覽器上顯示。而 span標(biāo)簽則是行內(nèi)標(biāo)簽，每個由 span標(biāo)簽所 標(biāo)識的內(nèi)容并不獨(dú)占一行的區(qū)域，而是順序地排列在一行中。 div標(biāo)簽用于定義和劃分頁面中的“頁面區(qū)域” div標(biāo)簽是用來為 HTML 文檔內(nèi)的大塊（區(qū)域）的內(nèi)容提供結(jié)構(gòu)和背景描述的標(biāo)簽，它可以把整個頁面文檔分割為若干獨(dú)立的、不同的顯示區(qū)域，并且通過應(yīng)用 層疊樣式表單 定義這個區(qū)域內(nèi)的信息內(nèi)容的顯示風(fēng)格。楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/13 頁 1 HTML 標(biāo)簽的相關(guān)的教學(xué)示例（第 3 部分） 利用 div和 span標(biāo)簽實(shí)現(xiàn)頁面內(nèi)容的布局定位 及應(yīng)用實(shí)例 由于表格是將“內(nèi)容”和“表現(xiàn)”相互混合在整個 table標(biāo)簽內(nèi)，這不利于將“頁面內(nèi)容”的表現(xiàn)實(shí)現(xiàn)多樣化的顯示。 采用“ CSS + Div”頁面布局定位技術(shù)構(gòu)建 Web 網(wǎng)站系統(tǒng)頁面 利用 div標(biāo)簽構(gòu)建好整個 Web 網(wǎng)站系統(tǒng)中的各個板塊頁面的布局之后，再用 CSS 給它添加樣式風(fēng)格的定義，最終達(dá)到將頁面中的的各個“信息內(nèi)容”（由 div標(biāo)簽標(biāo)識）和“表現(xiàn)風(fēng)格”（由 CSS 文件中的各個屬性項(xiàng)目規(guī)定）相互分離，類似于軟件系統(tǒng)開發(fā)中模型視圖控制器設(shè)計模式（ Mode View Control， MVC）中的“ M（模型）”和“ V（視圖）”相互分離的設(shè)計效果。 如下為導(dǎo)航菜單條中的各個超鏈接應(yīng)用 span標(biāo)簽實(shí)現(xiàn)行內(nèi)布局定位的部分代碼片段示例，添加對應(yīng)的 CSS 樣式定義后同樣也能夠達(dá)到相同的顯示效果 ： div id=navMenuBar spana href= /a/span spana href= /a/span spana href= /a/span /div 在上面的 div標(biāo)簽中只有對“內(nèi)容”（本示例為超鏈接）的描述標(biāo)簽，而沒有對這些“內(nèi)容”最終如何“顯示”的定義和描述標(biāo)簽，因此“內(nèi)容”和“顯示”相互分離。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 3/13 頁 3 （ 2） form標(biāo)簽在瀏覽器中顯示時也是一個區(qū)塊，并且也獨(dú)占一行的顯示區(qū)域（除非嵌套到另一個大的區(qū)塊內(nèi)） 下面為利用 form標(biāo)簽定義的某個表單的 代碼片段示例： form action=/webcrm/ method=post id=sendBBSInfoForm onSubmit=checkAllItemInform(this)。 掌握 與 Web 表單相關(guān)的各個控件標(biāo)簽 由于 form標(biāo)簽只是一個表單的區(qū)塊定義，可以將它理解為一個應(yīng)用程序的對話框窗口區(qū)域，而操作界面中的具體輸入控件則是由包含在 form標(biāo)簽內(nèi)的各個控件標(biāo)簽定義。 輸入控件的類型 type屬性的取值 輸入控件的類型 type屬性的取值 單行文本輸入控件 text 普通按鈕 button 密碼輸入控件 password 提交類按鈕 submit 復(fù)選框 checkbox 取消類按鈕 reset 單選框 radio 圖片提交按鈕 image 隱藏輸入控件 hidden 文件上傳控件 file 單行文本輸入框 input type=text name=age value=0 密碼輸入框 input type=password name=userPassWord 單選按鈕 input type=radio name=gender value=male checked=checked男 input type=radio name=gender value=female 女 復(fù)選框 input type=ch
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1