表单提交

来源:互联网 发布:华兴资本知乎 编辑:程序博客网 时间:2024/05/17 21:06

普通表单提交

<form action="04_images.html" method="POST">    <input type="submit" value="提交"/></form> 

Button表单提交
(优点:可以对按钮做修饰,提交前进行相关操作)

<form action="04_images.html" method="POST">    <input type="button" value="提交"/></form> <!-- 演示用JS提交表单,重要 --><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>
原创粉丝点击