通過代碼實例跟我學j2eeweb組件相關技術——html標簽的相關的教學示例第3部分-在線瀏覽
2025-01-17 07:42本頁面
【正文】 是根據(jù)它的 type 屬性的取值進行區(qū)分的，主要分為單行文本輸入控件、密碼輸 入控件、單選框、復選框、隱藏輸入控件、普通按鈕、提交按鈕、取消按鈕、圖像提交、文件上傳控件等多種形式。 掌握 與 Web 表單相關的各個控件標簽 由于 form標簽只是一個表單的區(qū)塊定義，可以將它理解為一個應用程序的對話框窗口區(qū)域，而操作界面中的具體輸入控件則是由包含在 form標簽內(nèi)的各個控件標簽定義。 （ 3） HTML 表單的兩種提交方式： get 和 post，由 form標簽中的 method 屬性決定 在使用 POST 方法時，參數(shù)作為文檔標題的一部分發(fā)送到 Web 服務器，對于使用標準方法查看頁面的任何人都是不可見和不可訪問的。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 3/13 頁 3 （ 2） form標簽在瀏覽器中顯示時也是一個區(qū)塊，并且也獨占一行的顯示區(qū)域（除非嵌套到另一個大的區(qū)塊內(nèi)） 下面為利用 form標簽定義的某個表單的 代碼片段示例： form action=/webcrm/ method=post id=sendBBSInfoForm onSubmit=checkAllItemInform(this)。 1) 常用的信息輸入形式：單行文本，多行文本，單選按鈕，多選框等，選擇式列表，密碼和文件。 如下為導航菜單條中的各個超鏈接應用 span標簽實現(xiàn)行內(nèi)布局定位的部分代碼片段示例，添加對應的 CSS 樣式定義后同樣也能夠達到相同的顯示效果 ： div id=navMenuBar spana href= /a/span spana href= /a/span spana href= /a/span /div 在上面的 div標簽中只有對“內(nèi)容”（本示例為超鏈接）的描述標簽，而沒有對這些“內(nèi)容”最終如何“顯示”的定義和描述標簽，因此“內(nèi)容”和“顯示”相互分離。 div和 span標簽在應用方面的主要差別 div和 span標簽都可以實現(xiàn)頁面內(nèi)容的布局定位，但它們兩者之間在應用方面有著本質(zhì)的差別： div標簽是塊級別的標簽，每個由 div標簽所標識的內(nèi)容獨占一行的顯示區(qū)域。 采用“ CSS + Div”頁面布局定位技術構建 Web 網(wǎng)站系統(tǒng)頁面 利用 div標簽構建好整個 Web 網(wǎng)站系統(tǒng)中的各個板塊頁面的布局之后，再用 CSS 給它添加樣式風格的定義，最終達到將頁面中的的各個“信息內(nèi)容”（由 div標簽標識）和“表現(xiàn)風格”（由 CSS 文件中的各個屬性項目規(guī)定）相互分離，類似于軟件系統(tǒng)開發(fā)中模型視圖控制器設計模式（ Mode View Control， MVC）中的“ M（模型）”和“ V（視圖）”相互分離的設計效果。 其中利用 div標簽定義要顯示的內(nèi)容，而借助 CSS（ Cascading Style Sheets，層疊樣式表單）實現(xiàn)內(nèi)容的顯示風格控制，最終達到“頁面內(nèi)容 ”和“頁面表現(xiàn)風格”相互分離的設計效果。楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 1/13 頁 1 HTML 標簽的相關的教學示例（第 3 部分） 利用 div和 span標簽實現(xiàn)頁面內(nèi)容的布局定位 及應用實例 由于表格是將“內(nèi)容”和“表現(xiàn)”相互混合在整個 table標簽內(nèi)，這不利于將“頁面內(nèi)容”的表現(xiàn)實現(xiàn)多樣化的顯示。因此，現(xiàn)在的 Web 頁面設計技術基本上都拋棄了利用表格實現(xiàn)頁面內(nèi)容的布局定位的技術實現(xiàn)的方法，而是采用“ CSS+Div”的布局定位方式。 div標簽用于定義和劃分頁面中的“頁面區(qū)域” div標簽是用來為 HTML 文檔內(nèi)的大塊（區(qū)域）的內(nèi)容提供結構和背景描述的標簽，它可以把整個頁面文檔分割為若干獨立的、不同的顯示區(qū)域，并且通過應用 層疊樣式表單 定義這個區(qū)域內(nèi)的信息內(nèi)容的顯示風格。 如下為某頁面導航菜單條應用 div標簽實現(xiàn)布局定位效果的部分代碼片段示例： div id=navMenuBar ul lia href= /a/li lia href= /a/li lia href= /a/li /ul /div 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 2/13 頁 2 對上面的代碼片段還需要應用 CSS 層疊樣式表定義它們的顯示風格。而 span標簽則是行內(nèi)標簽，每個由 span標簽所 標識的內(nèi)容并不獨占一行的區(qū)域，而是順序地排列在一行中。
黨政相關相關推薦
鄂ICP備17016276號-1