js学习笔记(五)表单的三种提交方式

①使用button提交 步骤
1在button的onclick时间上绑定一个函数
2获取form对象
3form.action表示要提交的路径
4通过form.action方法来提交数据


<html >
 <head>
 
  <title>Htmltest</title>
 </head>
 <body>
 <form id="aa">
<input type="button"  value="提交表单" onclick="fun()">
 </form>

 </body>
 <script type="text/javascript">
 function fun()
 {
	 form1=document.getElementById("aa");
	 form1.action="a.html";
	 form1.submit();
	 }
 </script>
</html>

②直接通过submit类型提交


<html >
 <head>
 
  <title>Htmltest</title>
 </head>
 <body>
<form>  
<input type="submit" />
</form>
 </body>
</html>

三通过超链接来提交 URL地址+“?“+“要提交的内容”

<html >
 <head>
 
  <title>Htmltest</title>
 </head>
 <body>
<a href="a.html?username="eaea">使用超链接提交</a>
 </body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_43752167/article/details/88130956