通過代碼實例跟我學j2eeweb組件相關技術——html標簽的相關的教學示例第3部分(編輯修改稿)
2024-12-20 07:42 本頁面
【文章內容簡介】 BBS 論壇、新聞等系統(tǒng)）中需要收集用戶輸入的多行文本信息，此時可以在 form表單標簽中內嵌 textarea標簽。比如下面的 代碼 示例： textarea name=bbsContent cols=60 rows=20 disabled=disabled/textarea將創(chuàng)建出一個多行文本輸入控件。 textarea標簽中的 name 屬性 項目 定義該多行文本輸入控件的標簽對象的名稱， cols 屬性項目 定義出列寬、 rows 屬性 項目 定義行高，如果添加了 disabled 屬性 項目 ，則該多行文本輸入控件將被改變?yōu)?“只讀 ”效果 ，操作者 不能編輯修改其中的文本內容。 提交按鈕 input type=submit name=submitButton value=提交 重置按鈕 input type=reset value=重置 圖片提交按鈕 input type=image src= alt=提交 name=submitButton 1 隱藏文本框 input type=hidden name=role value=guest 1 文件上傳組件 form action= enctype=multipart/formdata method=post input type=file name=upLoadFile /form 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 6/13 頁 6 學生練習：設計和實現(xiàn)如下的登錄表單 1簡單的表單示例 （ 1）不應用 lable標簽標識說明性的文字 form action=“ method=post 用戶名： input type=text name=userNamebr 密碼： input type=password name=“userPassWordbr input type=submit value=提交 input type=reset value=重置 /form （ 2）應用 lable標簽標識說明性的文字 如果對 form標簽中的文本采用 label標簽包裝和定義，并使用 for 屬性使其與對應的表單組件相關聯(lián)后，將允許對文本進行顯示風格的設置。 form action=“ method=post label for=userName用戶名： /label input type=text name=userNamebr 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 7/13 頁 7 label for=userPassWord 密碼： /labelinput type=password name=“userPassWordbr input type=submit value=提交 input type=reset value=重置 /form （ 3）為 Web 表單添加 accesskey（快捷鍵）和 tabindex（ Tab 鍵產(chǎn)生制表位）屬性 為了使得 Web 應用系統(tǒng)在沒有鼠標等設備的情況下，也還能繼續(xù)使用鍵盤實現(xiàn)操作和填寫表單，可以選用 label標簽的 accesskey（快捷鍵，在 IE 瀏覽器下為 Alt + accesskey 屬性值，而在 FireFox 瀏覽器下為 Alt + shift + accesskey 屬性值）和 tabindex 屬性（ tabindex 屬性值為Tab 鍵順序）添加到表單標簽上。 form action=“ method=post label for=userName accesskey=u tabindex=1用戶名： /label input type=text name=userNamebr label for=userPassWord accesskey=p tabindex=2 密碼： /labelinput type=password name=“userPassWordbr input type=submit value=提交 input type=reset value=重置 /form 1復雜的表單示例 （ 1）對于 select標簽沒有應用 optgroup標簽進行分組的 Web 表單 form action= method=post name=userRegisterInfoForm table
黨政相關相關推薦
鄂ICP備17016276號-1