夏日博客

A-A+

js button提交表单实现代码

2016年10月15日 前端设计 暂无评论 阅读 5 views 次

在html中button按钮是无法提交数据的，只是一种按钮，我们要怎么使用button实现表单提交呢，下面我来给大家详细介绍js button提交表单的方法介绍。

方法submit()这个是js中的函数很简单,代码如下:

  1. <javascript>  
  2. function addressadd()  
  3. {  
  4.         document.formAddress.submit(); //formAddress是上面表单的ID  
  5. }  
  6. </javascript>  

formAddress是你的表单名或ID这样就可以实现提交表单了,例,代码如下:

  1. <script>  
  2. function addressadd()  
  3. {  
  4.         document.formAddress.submit(); //formAddress是上面表单的ID  
  5. }//xiariboke.net  
  6. </script>  
  7. <form  name="formAddress" id="myform" method="get" action="b.php">  
  8. <input type="text" name="pwd" value="" />  
  9. <input type="submit" name="sub" value="111" />  
  10. <input type="button" name="btn" value="btn" onclick="test()" />  
  11. </form>  

如果想实现提交表单后打开新窗口可直接如下写,代码如下:

  1. <form name="Form" method="post">  
  2. <input type=submit name="preview" value="提交" onclick=document.Form.target="";document.Form.action="submit.asp"}>  
  3. <input type=submit name="preview" value="预览"   
  4. onclick=document.Form.target="_blank";document.Form.action="preview.asp"}>   
  5. </form>  

表单提交后按钮变灰代码,代码如下:

  1. <title>表单提交后按钮变灰代码</title>  
  2. <meta http-equiv="content-type" content="text/html;charset=gb2312">  
  3. </head>  
  4. <body>  
  5. <script language="javascript">  
  6. function my_submit(){  
  7.  document.form1.submit();  
  8.  document.form1.submit1.disabled=true;  
  9. }  
  10. </script>  
  11. <form action="/" method="post" name="form1">  
  12. <input type="text" name="name">  
  13. <input type="button" name="submit1" value="提交" onClick="javascript:my_submit();">  
  14. </form>  
标签：

给我留言