表单的提交按钮 <button type="submit">确定</button> 通常放在 <form> 里面,但现在情况特殊,按钮需要放在 form 外面,该如何让这个按钮控制表单呢。

或者可以这样说,如果页面里有多个 form 表单以及外部的一组按钮,如何让按钮与特定的表单关联呢?

首先,给表单填 ID

<form id="info" action="">
...
</form>

<button>提交</button>

然后,定义 JS 方法

为了方便,这里使用 juqery。

<script>
function submit_info() {
    $(document).ready(function(){
        $("form#info").submit()
    })
}
</script>

最后,处理按钮

给按钮添加 onclick 属性和值 sub_info()

...
<button onclick="sub_info()">提交</button>