最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
使用HTML5構(gòu)建下一代的Web Form


 
HTML語(yǔ)言作為如今編程最為廣泛的語(yǔ)言，具有易用、快捷、多瀏覽平臺(tái)兼容等特點(diǎn)，但是隨著時(shí)代的進(jìn)步，HTML的標(biāo)準(zhǔn)卻停滯不前，這一次還在不斷開發(fā)中的HTML5標(biāo)準(zhǔn)的更新可以說(shuō)給這門標(biāo)記語(yǔ)言帶來(lái)了新的生命力。本文將著重討論HTML5中的Web Forms 2.0, 即表單的部分。

華容網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司成立于2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

表單是網(wǎng)頁(yè)中常見的控件(集)。小到網(wǎng)站注冊(cè)登錄，大到一個(gè)企業(yè)的數(shù)據(jù)管理系統(tǒng)，都基本上有表單的身影。表單之所以如此重 要，主要是因?yàn)樗鼡?dān)負(fù)大量的用戶和網(wǎng)頁(yè)后臺(tái)數(shù)據(jù)更新交互的任務(wù)。Web開發(fā)人員，對(duì)于網(wǎng)頁(yè)表單可以說(shuō)又愛(ài)又恨，愛(ài)的是它方便的收集、組織數(shù)據(jù)的功能，恨的 是它的功能很大程度上也就僅此而已。一些在最終網(wǎng)站用戶看起來(lái)稀松平常的功能，比如說(shuō)輸入類型檢查、表單校驗(yàn)、錯(cuò)誤提示等等，開發(fā)人員無(wú)不需要花費(fèi)大量精 力利用 JavaScript和DOM編程來(lái)滿足這些天然所需的功能點(diǎn)，而隨著Ajax的流行，出現(xiàn)的一些JavaScript的工具庫(kù)，比如Dojo, YUI等都提供了方便的JavaScript Widget或者API來(lái)減輕開發(fā)人員的負(fù)擔(dān)。

HTML5的表單新特性

HTML5 Web Forms 2.0是對(duì)目前Web表單的全面提升，它在保持了簡(jiǎn)便易用的特性的同時(shí)，增加了許多內(nèi)置的控件或者控件屬性來(lái)滿足用戶的需求，并且同時(shí)減少了開發(fā)人員的編程。在我看來(lái)，HTML5 主要在以下幾個(gè)方面對(duì)目前的Web表單做了改進(jìn)：

1.新的控件類型 ◆還在為類型檢查犯愁嗎，還在為那一長(zhǎng)串看不太明白的檢驗(yàn)輸入的正則表達(dá)式而苦惱嗎，HTML5提供的一系列新的控件將天然的具備類型檢查的功能。比如說(shuō)URL輸入框，Email輸入框等。

input>
input>

當(dāng)然還有非常重要的日期輸入框，要知道使用JavaScript和CSS來(lái)“手工”制作一個(gè)日期輸入框還是非?；üΨ虻模愃艱ojo，YUI這樣的類庫(kù)也無(wú)不在這個(gè)widget上面大做文章。

作為我痛苦記憶的一部分，我經(jīng)常記得我們開發(fā)人員要為一個(gè)select下拉別表動(dòng)態(tài)的添加非常多的選項(xiàng),這些選項(xiàng)大多數(shù)都是來(lái)自數(shù)據(jù)庫(kù)，比如說(shuō)國(guó)家、省市列表等等。這個(gè)事情非常繁瑣。HTML5將支持data屬性，為select控件外聯(lián)數(shù)據(jù)源！

 
 
      
  
  1.  
    2.  

select>

2.改進(jìn)的文件上傳控件，你可以使用一個(gè)控件上傳多個(gè)文件，自行規(guī)定上傳文件的類型（accept），你甚至可以設(shè)定每個(gè) 文件***的大小（maxlength）。你看出它和一般操作系統(tǒng)提供的文件上傳控件的區(qū)別了嗎，反正我覺(jué)得基本一致了。在HTML5應(yīng)用中，文件上傳控件 將變得非常強(qiáng)大和易用。

3.重復(fù)（repeat）的模型，HTML5提供一套重復(fù)機(jī)制來(lái)幫助我們構(gòu)建一些重復(fù)輸入列表，其中包括一 些諸如 add、remove、move-up，move-down的按鈕類型，通過(guò)這一套重復(fù)的機(jī)制，開發(fā)人員可以非常方便的實(shí)現(xiàn)我們經(jīng)?？吹降木庉嬃斜恚@是 一個(gè)很常見的模式，我們可以增加一個(gè)條目、刪除某個(gè)條目、或者移動(dòng)某個(gè)條目等等。

4.內(nèi)建的表單校驗(yàn)系統(tǒng)，HTML5為不同類型的輸入控件各自提供了新的屬性，來(lái)控制這些控件的輸入行為， 比如我們常見的必填項(xiàng)required屬性，以及為數(shù)字類型控件提供的max、min等。而在你提交表單的時(shí)候，一旦校驗(yàn)錯(cuò)誤，瀏覽器將不執(zhí)行提交操作， 而會(huì)顯示相應(yīng)的檢驗(yàn)錯(cuò)誤信息。

 
 
      
  
  1. input> 
    2.   
  
  2.  
    3.  

input>

5.XML Submission，我們一般常見的是Web Form的編碼格式是application/x-www-form-urlencoded。開發(fā)人員都很清楚這種格式，數(shù)據(jù)送到服務(wù)器端，可以方便的存 取。HTML5提供一種新的數(shù)據(jù)格式：XML Submission，即application/x-www-form+xml。簡(jiǎn)單的舉例說(shuō)，服務(wù)器端將直接接收到XML形式的表單數(shù)據(jù)。

 
 
      
  
  1.  
    2.   
  
  2.     Peterfield>     passwordfield> 
    3.   
  
  3. submission> 
    4.

我將利用HTML5新的表單系統(tǒng), 做一個(gè)簡(jiǎn)單的用戶注冊(cè)的界面，包括用戶名，密碼，出生日期，保密問(wèn)題等內(nèi)容，代碼如下：

 
 
      
  
  1.  
    2.   
  
  2.       
    3.   
  
  3.