HTML表單提交的幾種方式_動力節(jié)點Java學院整理
發(fā)布時間:2017-06-20 10:13:09 作者:佚名
我要評論

隨著HTML5的興起,前端越來越多樣化,比如表單的提交,現(xiàn)在就有多種方式可以選擇,下面總結一下常見的表單提交方式。
方式一:通過submit按鈕提交
<!DOCTYPE html> <html> <head> <title>通過submit按鈕提交</title> <meta charset="UTF-8"/> </head> <body> <form action="" method="get" id="form1"> <input type="text" name="username"></input> <input type="submit" value="提交" /> </form> </body> </html>
方式二:通過一般按鈕button提交
<!DOCTYPE html> <html> <head> <title>通過一般按鈕提交</title> <meta charset="UTF-8"/> </head> <body> <form action="" method="get" id="form1"> <input type="text" name="username"></input> <input type="button" value="ok" name="sb" onclick="submit1();"> </form> <script type="text/javascript"> function submit1() { var form1 = document.getElementById("form1"); form1.action = " bjpowernode.html"; form1.submit(); } </script> </body> </html>
方式三:通過超鏈接提交
<!DOCTYPE html> <html> <head> <title>通過超鏈接提交</title> <meta charset="UTF-8"/> </head> <body> <a href="bjpowernode.html?username=張三">通過超鏈接提交</a> </body> </html>
相關文章
- 這篇文章主要介紹了html中form元素與表單提交方面的知識,需要的朋友可以參考一下2017-07-07
HTML5利用約束驗證API來檢查表單的輸入數(shù)據(jù)的代碼實例
這篇文章不會去討論簡單的input type,本文想把重點放在HTML5表單驗證機制上。主要介紹是HTML5是如何利用約束驗證API來檢查表單的輸入數(shù)據(jù)的,當然,本文會涉及到很多其它2016-12-20- 使用ajax實現(xiàn)表單提交無刷新頁面在項目中經常會用到。前一段時間跟著師傅學到了另外幾種無刷新提交表單的方法,主要是基于iframe框架實現(xiàn)的?,F(xiàn)在小編整理特此分享腳本之家2016-04-05
html form表單提交action和url跳轉到actiond的區(qū)別介紹
form表單的action 與url跳轉是不一樣的:form表單可以給后臺傳遞數(shù)據(jù),url跳轉到action只能通過url的參數(shù)來傳遞數(shù)據(jù),不懂的朋友可以參考下2013-11-04- 表單提交是常見的一種操作,這篇文章主要介紹了html中表單提交的實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-06