總結JavaScript表單提交四種方式
<!DOCTYPE html> <html> <head> <title>JavaScript表單提交四種方式</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" > function submit1()//第二種提交方式，用普通button按鈕結合JavaScript提交 { var form1=document.getElementById("form1"); form1.action="2.html"; //設置提交路徑 form1.submit(); //提交 } </script> </head> <body> <!-- 第一種提交方式也是最普遍的提交方式 --> <form action="2.html"> 用戶名：<input type="text" value="1234" name="username"> <input type="submit" value="submit提交"> </form> <hr> <!-- 第二種提交方式，用普通button按鈕結合JavaScript提交--> <form id="form1"> 用戶名：<input type="text" value="1234" name="username"> <input type="button" value="普通button結合JavaScript提交" onclick="submit1();"> </form> <hr> <!-- 第三種提交方式，用圖片提交--> <form action="2.html"> 用戶名：<input type="text" value="1234" name="username"> <input type="image" src="fmy.jpg" width="50px" height="50px"> </form> <hr> <!-- 第四種提交方式，超鏈接提交，直接把表單內容寫在鏈接中，幾乎沒人用--> <a href="2.html?username=1234">超鏈接提交，直接把表單內容寫在鏈接中，幾乎沒人用</a> </body> </html>
運行示意：