Question

这是我的测试代码：

<form>
<input type="submit"/>
<button >tt</button>
</form>

<script>

$("form").submit(function(){
    console.log("submit");
    return false;
});

</script>

＆lt; input＆gt;标签按我的预期触发提交，但我不知道为什么＆lt; button＆gt;也触发提交。这是应该做的吗？

如果＆lt; button＆gt;如果我想创建一个带有字形而不是纯文本的按钮，我该怎么办？ P.S我正在使用boostrap + jQuery

Answer 1

HTML <button>接受type属性。 as you can see in the doc，默认值type为submit，因此您的表单会提交。

你想要的是一个没有默认行为的按钮。只需添加type="button"：

即可

<button type="button">tt</button>

Answer 2

这是默认的behaviour：

＆＃34;提交＆＃34;：按钮提交表单。如果未指定属性，HTML5或动态更改为空值或无效值，则这是默认值。

为什么<button>也会触发表单提交

2 个答案: