HTML表單提交的幾種方式_動力節(jié)點Java學(xué)院整理
發(fā)布時間：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利用約束驗證API來檢查表單的輸入數(shù)據(jù)的代碼實例
這篇文章不會去討論簡單的input type，本文想把重點放在HTML5表單驗證機制上。主要介紹是HTML5是如何利用約束驗證API來檢查表單的輸入數(shù)據(jù)的，當然，本文會涉及到很多其它2016-12-20- 使用ajax實現(xiàn)表單提交無刷新頁面在項目中經(jīng)常會用到。前一段時間跟著師傅學(xué)到了另外幾種無刷新提交表單的方法，主要是基于iframe框架實現(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中表單提交的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-06