form表單提交和ajax表單提交，關於移動端如何經過軟鍵盤上的【搜索】和【前進】進行提交操做

【文章來源】因爲本身對於form研究甚少，因此一直用的都是AJAX進行提交，此次後臺提出要用form提交，順便深刻研究一下；以前在作表單的時候，發現input能夠經過設置不一樣的type屬性，調用不一樣的移動端軟鍵盤，可是對於軟鍵盤中的【搜索】和【前往】不知道怎麼進行控制

【form 和 ajax 區別】

Ajax提交是經過js來提交請求，請求與響應均由js引擎來處理，頁面不會刷新，用戶感受不到實際上瀏覽器發出了請求。如咱們想要改變頁面局部內容的時候，使用Ajax進行刷新不會引發總體頁面從新加載的現象，交互良好

使用AJAX，用戶對Web的體驗會更「敏捷」：數據提交頁面不會閃屏；頁面局部更新速度快；網絡帶寬佔用低。

AJAX開發相較傳統模式的簡單之處：傳統模式下，表單提交則整個頁面重繪，爲了維持頁面用戶對錶單的狀態改變，要多些很多代碼。 要在控制器和模板之間傳遞更多參數以保持頁面狀態。而AJAX否則，由於頁面只是局部更新， 不關心也不會影響頁面其餘部分的內容。

AJAX開發相較傳統模式的難度：須要瞭解、精通JavaScript，而JavaScript存在調試麻煩、瀏覽器兼容性等不少障礙。不過這方面目前來看早已不是什麼難點了

【1】Ajax在提交、請求、接收時，都是異步進行的，網頁不須要刷新；
    Form提交則是新建一個頁面，哪怕是提交給本身自己的頁面，也是須要刷新的；
【2】Ajax在提交時，是在後臺新建一個請求；
    Form倒是放棄本頁面，然後再請求；
【3】Ajax必需要使用JS來實現，不啓用JS的瀏覽器，沒法完成該操做；
    Form倒是瀏覽器的本能，不管是否開啓JS，均可以提交表單；
【4】Ajax在提交、請求、接收時，整個過程都須要使用程序來對其數據進行處理；
    Form提交時，倒是根據你的表單結構自動完成，不須要代碼干預；

【關於調用軟鍵盤問題】

目前通過測試使用傳統的form提交，軟鍵盤能夠進行調用，功能和直接點擊提交時同樣的。值得注意的是，點擊軟鍵盤能夠進行提交表單操做，但對於表單中提交按鈕自己不會進行觸發，也就是點擊軟鍵盤【搜索】或【前往】不會觸發【提交按鈕】點擊事件

Ajax目前尚未找到如何調用軟鍵盤的方法

【input屬性type2016年12月7日親自測試總結】

屬性爲 == email ==，調用郵件軟鍵盤

屬性爲 == url ==，調用網址軟鍵盤

屬性爲 == search ==，調用帶有【搜索】按鈕的軟鍵盤

屬性爲 == tel ==，調用全數字鍵盤

屬性爲 == number ==，調用帶有拼音的數字軟鍵盤

總結：這部分屬於筆記記錄方便我我的即便查看

 

本文轉載自：http://www.cnblogs.com/liu-fei-fei/p/6141700.html