Jquery 在表单中包含按钮而不提交

我如何在表单中放置一个按钮，当单击该按钮时不会提交表单

演示HTML:

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

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

试验

演示JavaScript（jQuery）：

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

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

$（文档）.ready（函数（）{
$（'form'）。提交（函数（）{
$（'div'）.append（'SUBMITTED
'）；
返回false；
});
});

单击按钮时，表单将被提交。有没有办法禁用此行为（使此演示表单无法提交）

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

默认情况下

类型是
提交
，所以只需将其设置为
按钮
：

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


试验

HTML中有标签
。
您可以使用以下内容：

<button type="button">This is the button label</button>

这是按钮标签

您可以在此处查看定义和用法：
非常有效。有趣的是，您必须指定
按钮两次，而不是
提交
一次。