通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性第2部分(參考版)
2024-11-18 07:40本頁(yè)面
【正文】 下面為在 FireFox 瀏覽器中的執(zhí)行結(jié)果截圖，在對(duì)話框中分別顯示出所選擇的各個(gè)本地文件名稱信息： 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 20/20 頁(yè) 20 下面為在 Google 瀏覽器中的執(zhí)行結(jié)果的截圖 ，在對(duì)話框中分別顯示出所選擇的各個(gè)本地文件名稱信息： 。 value=文件上傳 / /form /body /html 其中的 multiple 設(shè)置為 true 狀態(tài)，將表示可以選擇多文件上傳。 /** 此處您可以針對(duì) FileList 文件列表中每個(gè)文件進(jìn)行多種處理，本例中只彈出文件名 */ alert()。i。 var selectFilesTagObject =(selectFiles)。 3) type 屬性表示文件類型 （ 3）代碼示例 控件內(nèi)的每一個(gè)用戶選擇的文件都是一個(gè) file 對(duì)象，而 FileList 對(duì)象則為這些 file 對(duì)象的列表，代表用戶選擇的所有文件。 （ 2） file 對(duì)象的主要屬性 1) name 屬性表示文件名，不包括路徑?，F(xiàn)在我們 在 HTML5 中要想實(shí)現(xiàn)這個(gè)功能，是輕而易舉的事情。 登錄密碼： input type=password name=userPassword id=userPassword /br/ 確認(rèn)密碼： input type=password name=confirmPassword id=confirmPassword/br/ 電子郵件： input type= name=userEmail id=userEmail/br/ input type=submit / /form body /body /html （ 3）在 Google 瀏覽器中執(zhí)行的結(jié)果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 18/20 頁(yè) 18 （ 4）在 FireFox 瀏覽器中的執(zhí)行結(jié)果 批量上傳文件和獲得所選擇的文件名稱信息 （ 1） FileList 文件列表對(duì)象 在過(guò)去，上傳文件的時(shí)候，我們每次都只能一次選擇一個(gè)文件。 } return true。 return false。 if(!()){ (請(qǐng)輸入正確的 Email 地址。 } 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 17/20 頁(yè) 17 else{ ()。 )。 var confirmPassword=(confirmPassword)。要清除錯(cuò)誤，只需在控件上調(diào)用 setCustomValidity()即可。例如，密碼和密碼確認(rèn)兩個(gè)輸人框的值不 匹配。 應(yīng)用表單控件的 setCustomValidity(message)方法定制錯(cuò)誤信息 （ 1）主要的功能 調(diào)用 setCustomValidity(message)將表單控件置于 customError 狀態(tài) —— 也就是可以設(shè)置并顯示自定義驗(yàn)證的錯(cuò)誤信息。 注意此示例中的各個(gè)標(biāo)簽的名字的正確用法， 有的需要應(yīng)用標(biāo)簽的 ID 屬性，而有得需要應(yīng)用 name 屬性。 3) name 屬性標(biāo)識(shí)了 output標(biāo)簽元素本身，與其他表單域的 name 屬性類似，定義output標(biāo)簽對(duì)象的唯一名稱，以標(biāo)識(shí)該 output標(biāo)簽對(duì)象。 （ 2）主要的成員屬性 1) for 屬性用以明確地定義 output 元素的相關(guān)元素，它的值是由一個(gè)或多個(gè) ID 構(gòu)成 的字符串，多個(gè) ID 之間用空格分隔， ID 無(wú)先后順序、區(qū)分大小寫且必須在當(dāng)前頁(yè)面中可訪問(wèn)。 （ 4） formtarget 屬性 可能的取值為： _blank、 _self、 _parent、 _top 和 framename，覆蓋表單 form標(biāo)簽內(nèi)的target 屬性，適用于 type=submit 和 type=image的 input標(biāo)簽。適用于 type=submit 和 type=image的 input標(biāo)簽。 （ 2） formaction 屬性的應(yīng)用示例 !doctype html html head meta charset=utf8 titleHTML5 中表單標(biāo)簽 /title /head br/br/br/br/ form id=someFormID action= method= post input type=submit name=submitOne formaction= formmethod=post value=提交到 URL1 /br/ input type=submit name=submitTwo formaction= formmethod=get value=提交到 URL2 /br/ input type=submit name=submitThree formaction= value=提交到 URL3 /br/ input type=submit value=默認(rèn)提交的 URL / /form body /body /html （ 3） formaction 屬性的應(yīng)用示例 !doctype html html head 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/20 頁(yè) 14 meta charset=utf8 titleHTML5 中表單標(biāo)簽 /title /head br/br/br/br/ form action=xxxx method=post 帳號(hào)： input type=text name=loginName /br / 密碼： input type=password name=loginPassWord /br / input type=submit value=提交到默認(rèn)的 xxxx 所指示的 URL /br / input type=submit formaction=yyyy value=提交到指定的 yyyy 所指示的URL / /form body /body /html 新增加的其它形式的 formXXX 屬性 （ 1） formenctype 屬性 覆蓋表單 form標(biāo)簽內(nèi)的 enctype 屬性，適用于 type=submit 和 type=image的input標(biāo)簽。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1