通過代碼實例跟我學(xué)j2eeweb組件相關(guān)技術(shù)——html標(biāo)簽的相關(guān)的教學(xué)示例第4部分-閱讀頁
2024-12-04 07:42本頁面
【正文】 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 10/20 頁 10 利用 fieldset標(biāo)簽實現(xiàn)對 Web 表單中的項目分組 實例 在 Web 表單設(shè)計中，經(jīng)常需要對表單中的特定項目分組以體現(xiàn)數(shù)據(jù)之間的內(nèi)在關(guān)系 在 Web 表單設(shè)計中，經(jīng)常會對 Web 表單中的信息進(jìn)行分組，比如在某個系統(tǒng)的注冊 Web表單 form標(biāo)簽中，可能會將注冊信息分組成基本信息（一般為必填）、具體信息（一般為可選）。 2) 但每對 fieldset標(biāo)簽定義一個分組，對每組的內(nèi)容描述可以使用 legend標(biāo)簽加以定義說明， legend標(biāo)簽必須是 fieldset標(biāo)簽內(nèi)的第一個子標(biāo)簽。 但在某些場合或許不愿意讓 fieldset標(biāo)簽和 legend標(biāo)簽的默認(rèn)樣式或默 認(rèn)布局影響設(shè)計方案中的美觀，解決的方法是在 CSS 中將 fieldset標(biāo)簽的 border（邊框線粗細(xì)）設(shè)置為 0，而將 legend標(biāo)簽的 display 屬性設(shè)置為 none 即可或者改變 width 屬性可以控制寬度。 （ 5） fieldset標(biāo)簽的應(yīng)用示例 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/20 頁 14 掌握 框架集頁面文檔的結(jié)構(gòu)及基本的語法要求 框架集頁面文檔 在 Web 應(yīng)用系統(tǒng)的頁面開發(fā)中，為了能夠?qū)崿F(xiàn)將瀏 覽器窗口在水平和縱向方向拆分為多個不同的獨(dú)立顯示區(qū)域，可以應(yīng)用 HTML 中的框架集技術(shù)設(shè)計和實現(xiàn)該頁面，因為 一 個框架集頁面文檔可在瀏覽器窗口中同時顯示多個不同的子窗口頁面文件。 體現(xiàn)框架集 HTML 頁面文檔結(jié)構(gòu)及基本的語法要求的示例 下面的框架集 示例頁面標(biāo)簽 中的外層 frameset標(biāo)簽實現(xiàn)把整個瀏覽器的頁面窗口在橫向方向上分成左右兩部分，其中左面的子窗口寬度為 80 像素，而右面為瀏覽器窗口中剩余的寬度量；同時又將右面窗口再次在縱向方向上拆分為上下兩個子窗口，其中頂端子窗口的高度為 80 像素，而下面子窗口的高度為瀏覽器窗口剩余的高度量。 charset=gb18030 / 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/20 頁 15 title這是主窗口（頂級）的頁面 /title /head frameset cols=100,* frameborder=yes border=1 framespacing=0 frame src= scrolling=auto noresize=noresize id=leftFrame / frameset rows=80,* frame src= scrolling=auto noresize=noresize id=topFrame / frame src= scrolling=auto noresize=noresize id=contentFrame / /frameset /frameset /html 由于在 frameset標(biāo)簽中不顯示任何有效的文字信息 ， 因此不必將 frameset標(biāo)簽放入到body標(biāo)簽中。該示 例的 頁面在瀏覽器中執(zhí)行后的預(yù)覽效果如下圖 所示。 也可以根據(jù)在 Web 項目中的輸入界面的設(shè)計要求開發(fā)實現(xiàn)各個子窗口HTML 頁面文件，并可以在每個子窗口中顯示不同類型的內(nèi) 容信息。 iframe標(biāo)簽 的 主要 作用就是在 當(dāng)前 頁 面文檔區(qū)域 中標(biāo)記出一 個獨(dú)立的顯示 區(qū)域，顯示其他 頁面文檔中的 內(nèi)容 ，產(chǎn)生出類似電視節(jié)目中的“畫中畫”的顯示效果，但 iframe標(biāo)簽是非 W3C 標(biāo)準(zhǔn) 的標(biāo)簽。 charset=gb18030 / title這是主窗口（頂級）的頁面 /title /head frameset cols=100,* frameborder=yes border=1 framespacing=0 frame src= scrolling=auto noresize=noresize id=leftFrame / frame src= scrolling=auto noresize=noresize id=leftFrame / /frameset /html （ 2）示例二 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 17/20 頁 17 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 （ 2） iframe標(biāo)簽的主要屬性及含義 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 19/20 頁 19 1) src：文件的 URL 路徑，既可是客戶端的 HTML 文件，也可以是服務(wù)器端的 JSP、 ASP或者 等文件。 3) scrolling：當(dāng)由 src 屬性所指定的頁面文件的內(nèi)容在指定的 內(nèi)聯(lián)框架 區(qū)域內(nèi)不能完全顯示時，將由該滾動條選項控制內(nèi)容的顯示，如果將該 scrolling 屬性設(shè)置為 no，則不出現(xiàn)滾動條；如設(shè)置為 auto：當(dāng) 需要時再顯示出滾動條；如設(shè)置為 yes，則顯示出滾動條。 5) name：定義該 內(nèi)聯(lián)框架的標(biāo)簽的 名稱，此名稱在動態(tài)控制的腳本中將被應(yīng)用。 7) marginheight：定義了 內(nèi)聯(lián)框架 中 HTML 文件顯示的上下邊界的寬度，取值為 px，缺省值也由瀏覽器決定。 iframe標(biāo)簽的應(yīng)用示例 （ 1）內(nèi)聯(lián)框架內(nèi)的頁面內(nèi)容示例（文件名稱為 ） html head title內(nèi)聯(lián)框架內(nèi)的頁面內(nèi)容示例 /title /head body b這是內(nèi)聯(lián)框架內(nèi)的頁面內(nèi)容 /b /body /html （ 2）使用內(nèi)聯(lián)框架的上層頁面示例（）文件名稱為 html head title使用內(nèi)聯(lián)框架的上層頁面示例 /title /head body iframe src= width=400 height=70 scrolling=auto frameborder=0 align=left 本系統(tǒng)使用了內(nèi)聯(lián)框架技術(shù)，但你的瀏覽器不支持內(nèi)聯(lián)框架，請升級你的瀏覽器楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 20/20 頁 20 以便能夠正常訪問
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1