JavaScript使用button提交表单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript使用button提交表单相关的知识,希望对你有一定的参考价值。

<form action="test.html" method="POST">
    <input type="button" value="提交"/>
</form>    
    
 <!-- 用提交表单,重要 -->
<script type="text/javascript">
  //定位提交按钮
   var inputElement = document.getElementsByTagName("input")[0];
  //为提交按钮添加单击事件
   inputElement.onclick = function(){
      //定位<form>标签,forms表示document对象中所有表单的集合,通过下标引用不同的表单,从0开始
       var formElement = document.forms[0];
       //提交表单,提交到action属性指定的地方
        formElement.submit();
     }   
 </script>

以上是关于JavaScript使用button提交表单的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript提交表单

JavaScript--表单提交及前端密码MD5加密

为啥使用了form表单之后页面会跳转,并且页面一片空白

表单提交确认 JS

表单提交:button input submit 的区别

HTML,如何按回车提交表单