通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性第1部分(已修改)
2024-11-30 07:40 本頁(yè)面
【正文】 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/16 頁(yè) 1 目 錄 跟我學(xué) Html5 相關(guān)技術(shù) —— HTML5 中的表單標(biāo)簽及新特性（第 1 部分） ..... 2 表單 form標(biāo)簽 .................................................................................................. 2 input標(biāo)簽中的 type 新的屬性值的應(yīng)用示例 ................................................ 6 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 2/16 頁(yè) 2 跟我學(xué) Html5 相關(guān)技術(shù) —— HTML5 中的表單標(biāo)簽及新特性 （第 1 部分） 表單 form標(biāo)簽 表單 form標(biāo)簽 （ 1） HTML5 中的表單仍是以 form標(biāo)簽元素作為容器 由于 HTML 表單一直都是 Web 應(yīng)用的核心技術(shù)之一，它能夠?qū)崿F(xiàn)人機(jī)交互。 HTML5 中的表單不僅兼容和支持原來(lái)的 HTML4 表單中的各個(gè)方面的特性，也還新增了許多新的表單控件及其屬性，能夠?qū)崿F(xiàn)更復(fù)雜的人機(jī)交互方面的 應(yīng)用，而不用借助于 JavaScript 腳本代碼或者減少 JavaScript 腳本的代碼量 —— 當(dāng)然，仍然可以使用 JavaScript 腳本代碼操作表單及其內(nèi)的各個(gè)控件。 HTML5 中的表單仍是以 form標(biāo)簽元素作為容器，可在 form標(biāo)簽中設(shè)置基本的提交特性；當(dāng)用戶提交頁(yè)面時(shí)，表單仍然向服務(wù)器發(fā)送表單控件的值。 （ 2）仍然兼容于 HTML4 的表單標(biāo)簽 HTML5 中的表單在設(shè)計(jì)時(shí)已經(jīng)考慮到與 HTML 和 XHTML 的后向兼容性。對(duì)于不能識(shí)別新的輸入元素的舊版本瀏覽器，僅僅把它們作為普通文本輸入 字段進(jìn)行處理 —— 目前 HTML5 新的表單控件和 API 在 IE9 還沒(méi)有得到支持。 表單 form標(biāo)簽中的主要屬性 （ 1） form標(biāo)簽中的主要屬性的功能說(shuō)明 屬性 值 描述 accept MIME_type HTML 5 中不支持。 acceptcharset charset_list 規(guī)定服務(wù)器可處理的表單數(shù)據(jù)字符集。 action URL 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)。 autoplete on或者 off 規(guī)定是否啟用表單的自動(dòng)完成功能。 enctype enctype 屬性可 能的值： application/xformurlenco規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 3/16 頁(yè) 3 ded、 multipart/formdata、 text/plain method get或者 post 規(guī)定用于發(fā)送 formdata 的 HTTP 方法。 name form_name 規(guī)定表單的名稱。 novalidate novalidate 如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。 target _blank、 _self、 _parent、 _top、framename 規(guī)定在何處 打開(kāi) action URL。 （ 2） form標(biāo)簽中的 novalidate 屬性 novalidate 屬性規(guī)定在提交表單時(shí)不驗(yàn)證 form標(biāo)簽中的相關(guān)的 input標(biāo)簽所對(duì)應(yīng)的輸入數(shù)據(jù)的格式。 form action= method=post novalidate=true 電子郵件： input type= name=userMmail / input type=submit / /form 兼容于 HTMT4 表單內(nèi)的控件相關(guān)的 input標(biāo)簽中的 type屬性的 可能 值 及含義 下面兼容于 HTMT4 表單內(nèi)的控件仍然在 HTML5 中有效， input標(biāo)簽中的 type 屬性的可能 值 及含義如下表所示。 input Type=屬性值 / 描述 text 文字域 password 密碼域 file 文件域 checkbox 復(fù)選框 radio 單選框 button 普通按鈕 submit 提交按鈕 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ，
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1