通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性第1部分-在線瀏覽
2025-01-17 07:40本頁(yè)面
【正文】 6 頁(yè) 3 ded、 multipart/formdata、 text/plain method get或者 post 規(guī)定用于發(fā)送 formdata 的 HTTP 方法。 autoplete on或者 off 規(guī)定是否啟用表單的自動(dòng)完成功能。 acceptcharset charset_list 規(guī)定服務(wù)器可處理的表單數(shù)據(jù)字符集。對(duì)于不能識(shí)別新的輸入元素的舊版本瀏覽器，僅僅把它們作為普通文本輸入 字段進(jìn)行處理 —— 目前 HTML5 新的表單控件和 API 在 IE9 還沒(méi)有得到支持。 HTML5 中的表單仍是以 form標(biāo)簽元素作為容器，可在 form標(biāo)簽中設(shè)置基本的提交特性；當(dāng)用戶提交頁(yè)面時(shí)，表單仍然向服務(wù)器發(fā)送表單控件的值。楊教授工作室 精心創(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è)控件。 （ 2）仍然兼容于 HTML4 的表單標(biāo)簽 HTML5 中的表單在設(shè)計(jì)時(shí)已經(jīng)考慮到與 HTML 和 XHTML 的后向兼容性。 表單 form標(biāo)簽中的主要屬性 （ 1） form標(biāo)簽中的主要屬性的功能說(shuō)明 屬性 值 描述 accept MIME_type HTML 5 中不支持。 action URL 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)。 enctype enctype 屬性可 能的值： application/xformurlenco規(guī)定在發(fā)送表單數(shù)據(jù)之前如何對(duì)其進(jìn)行編碼。 name form_name 規(guī)定表單的名稱(chēng)。 target _blank、 _self、 _parent、 _top、framename 規(guī)定在何處 打開(kāi) action URL。 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 屬性的可能 值 及含義如下表所示。 （ 2） HTML5 中的 input標(biāo)簽的擺放位置更自由 在 HTML5 的表單結(jié)構(gòu)中完全可以將 input標(biāo)簽放在當(dāng)前頁(yè)面中的任何位置，然后通過(guò)在 input標(biāo)簽中新增的 form屬性指向某個(gè)所屬表單的 ID 值，即可將該 input標(biāo)簽所標(biāo)示的控件和目標(biāo)表單進(jìn)行關(guān)聯(lián)。 HTML5 表單內(nèi)新增的控件相關(guān)的 input標(biāo)簽中的 type 新的 屬性值 及含義 （ 1） HTML5 擴(kuò)展了 HTML4 的 表單，并新增許多 GUI界面控件 HTML5 的 表單不僅兼容于 HTML4，也還擴(kuò)展和新增加的許多其它的屬性，但這些 input標(biāo)簽中的 type 的新的 屬性值 只在某些瀏覽器中支持，目前在應(yīng)用它們時(shí)還存在一定的兼容性問(wèn)題。但目前只有 Opera 和 Chrome 瀏覽器支持
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1