在不提交的情况下包含表单中的按钮

Question

如何在表单中放置一个按钮，点击后不会提交表单？

演示HTML：

<form>
    <button>TEST</button>
</form>
<div></div>

演示JavaScript（jQuery）：

$(document).ready(function() {
    $('form').submit(function() {
        $('div').append('SUBMITTED<br>');
        return false;
    });
});

JSFiddle

单击该按钮时，表单将被提交。有没有办法禁用此行为（呈现此演示形式不可提交）？

我的实际用例是创建一个bootstrap样式按钮来激活文件输入。

Answer 1

默认情况下，<button> type为submit，因此只需将其设为button：

<form>
    <button type="button">TEST</button>
</form>

JSFiddle

Answer 2

HTML中有标记Main |- package one |- package one.one |- package one.two |- package two 。 你可以使用这样的东西：

<button>

您可以在此处查看定义和用法：http://www.w3schools.com/tags/tag_button.asp