曲振飞的个人博客

专注于Web全栈开发、APP设计、网站建设

当前位置 : 主页 > 前端开发 > Button按钮写在form表单之外如何做提交

Button按钮写在form表单之外如何做提交

时间:2016-09-05 22:22:42 栏目:前端开发 作者:曲振飞 点击: 593

在做form表单提交时,通常情况下我们都是先写form在写button提交按钮,但有时我们可以先写button按钮,将其写在form表单之外,这时该怎么做才能让form表单提交呢,下面分别使用HTML5和Javascript分别给予实现:

HTML5实现方法:
<form name="myform" action="1.html" method="post" >
    用户名:<input type="text" name="userName" />
</form>
<button onclick="document.myform.submit();">提交表单</button>

JS实现方法:
<button onclick="doSubmit('2.html','get');">提交改变表单</button>
<script>
    function doSubmit(url,meth){
        document.forms['myform'].action=url;
        document.forms['myform'].method=meth;
        //或者以下方法
        //document.myform.action=url;
        //document.myform.method=meth;
        document.myform.submit();
    }
</script>


关键字: button

关于站长

曲振飞,一个热忠、从事于互联网的90后青年.专注于网站建站、网站设计及优化.以用户体验、WEB标准为主旨,将网站的整体设计与网页设计的相关原理紧密结合.