通過代碼實例跟我學j2eeweb組件相關(guān)技術(shù)——html標簽的相關(guān)的教學示例第4部分(編輯修改稿)
2024-12-20 07:42 本頁面
【文章內(nèi)容簡介】 option value=6黑龍江 /option /select select name=userre option value=1東城 /option 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/20 頁 9 option value=2西城 /option option value=3南城 /option option value=4北城 /option /select /span /div div span 驗證碼： /spanspaninput type=text name=verifyCode id=verifyCode//span /div div span驗證圖片： /spanspan img src= //span /div /div /form /body /html （ 2）表單形式二 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 10/20 頁 10 利用 fieldset標簽實現(xiàn)對 Web 表單中的項目分組 實例 在 Web 表單設(shè)計中，經(jīng)常需要對表單中的特定項目分組以體現(xiàn)數(shù)據(jù)之間的內(nèi)在關(guān)系 在 Web 表單設(shè)計中，經(jīng)常會對 Web 表單中的信息進行分組，比如在某個系統(tǒng)的注冊 Web表單 form標簽中，可能會將注冊信息分組成基本信息（一般為必填）、具體信息（一般為可選）。如何更好地實現(xiàn)這樣的要求？ 熟悉 fieldset和 legend標簽 1) 在一個 Web 表單中可以包含有多個成對的 fieldset標簽達到不同形式的分組設(shè)計的效果。 2) 但每對 fieldset標簽定義一個分組，對每組的內(nèi)容描述可以使用 legend標簽加以定義說明， legend標簽必須是 fieldset標簽內(nèi)的第一個子標簽。 3) fieldset標簽默認的顯示風格是帶邊框線的，而 legend標簽定義的內(nèi)容一般顯示在分組框的左上角。 但在某些場合或許不愿意讓 fieldset標簽和 legend標簽的默認樣式或默 認布局影響設(shè)計方案中的美觀，解決的方法是在 CSS 中將 fieldset標簽的 border（邊框線粗細）設(shè)置為 0，而將 legend標簽的 display 屬性設(shè)置為 none 即可或者改變 width 屬性可以控制寬度。 利用 fieldset和 legend標簽組合定義表單中的某個數(shù)據(jù)分組的代碼片段示例 form fieldset legend個人信息 /legend label for=userName 姓名： input type=text id=userName//label 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/20 頁 11 label for=userAge 年齡： input type=text id=userAge//label /fieldset /form 上面的 代碼片段示例在瀏覽器中最終顯示的效果如圖所示， 但在示例中省略了對該表單中的各個控件的樣式定義的文件沒有附錄。 （ 5） fieldset標簽的應用示例 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=gb18030 / title系統(tǒng)注冊 /title /head body form action= method=post name=registerForm table width=350 border=0 align=center tr td scope=col fieldset legend系統(tǒng)注冊時必填的信息 /legend 登錄帳號： input name=userName type=text / input name=browserButton type=button value=... /br/ 登錄密碼： input name=loginPassWord type=password /br/ 確認密碼： input name=confirmPassWord type=password /br/ 登錄身份： select name=personType optgroup label=前臺使用者 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職 業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 12/20 頁 12 option value=1學生 /option option value=2 selected=selected教師 /option option value=3教務 /option /optgroup optgroup label=后臺管理者 option value=4管理員 /option option value=5超級管理員 /opt
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1