chrome浏览器form中button每点击一次,form就会提交一次

一段html代码:

<form action="xxxxx" method="post">
    <div>
    <input type="file" name="file" />
    <button onclick="addfile" >添加附件</button>
<div>
</form>

在用chrome测试时发现每点击一次button,form就会提交一次。其他浏览器未发现。

修改代码:

<form action="xxxxx" method="post">
    <div>
    <input type="file" name="file" />
    <input onclick="addfile"  value="添加附件" />
    <div>
</form>

再次测试,功能正常,不再提交。

原文地址:https://www.cnblogs.com/bjguanmu/p/13785912.html