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

隨著HTML5的興起,前端越來越多樣化,比如表單的提交,現(xiàn)在就有多種方式可以選擇,下面總結(jié)一下常見的表單提交方式。
方式一:通過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>
相關(guān)文章
- 這篇文章主要介紹了html中form元素與表單提交方面的知識,需要的朋友可以參考一下2017-07-07
HTML5利用約束驗(yàn)證API來檢查表單的輸入數(shù)據(jù)的代碼實(shí)例
這篇文章不會去討論簡單的input type,本文想把重點(diǎn)放在HTML5表單驗(yàn)證機(jī)制上。主要介紹是HTML5是如何利用約束驗(yàn)證API來檢查表單的輸入數(shù)據(jù)的,當(dāng)然,本文會涉及到很多其它2016-12-20- 使用ajax實(shí)現(xiàn)表單提交無刷新頁面在項(xiàng)目中經(jīng)常會用到。前一段時(shí)間跟著師傅學(xué)到了另外幾種無刷新提交表單的方法,主要是基于iframe框架實(shí)現(xiàn)的?,F(xiàn)在小編整理特此分享腳本之家2016-04-05
html form表單提交action和url跳轉(zhuǎn)到actiond的區(qū)別介紹
form表單的action 與url跳轉(zhuǎn)是不一樣的:form表單可以給后臺傳遞數(shù)據(jù),url跳轉(zhuǎn)到action只能通過url的參數(shù)來傳遞數(shù)據(jù),不懂的朋友可以參考下2013-11-04- 表單提交是常見的一種操作,這篇文章主要介紹了html中表單提交的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-06