代码之家 › 专栏 › 技术社区 › Zander

表单按钮,不输入submit,提交表单

submit button forms html

Zander · 技术社区 · 6 年前

我知道按钮上的type=“submit”与输入相同。

这里的问题是:如果我有一个表单,没有任何提交按钮/输入,为什么它会触发提交?

<form method="post" action="lf-p1-02a.html">
    <div class="d-flex justify-content-center flex-wrap buttonCheck multiButtonCheck">
        <button class="col-md-6 formButton bigButton">
            <span>Button 1</span>
        </button>
        <button class="col-md-6 formButton bigButton">
            <span>Button 2</span>
        </button>
        <button class="col-md-6 formButton bigButton">
            <span>Button 3</span>
        </button>
        <button class="col-md-6 formButton bigButton">
            <span>Button 4</span>
        </button>
    </div>
    <div class="d-flex justify-content-center formFooter">
        <button class="mainBtn">Continue</button>
    </div>
</form>

小提琴: http://jsfiddle.net/36zsa1t8/ (我知道没有任何款式)。

表单中的“继续”按钮实际上是在提交它,转到下一页。

知道为什么会这样吗?

2 回复 | 直到 6 年前

Pourbahrami 6 年前

如中所述 this answer ,对于大多数浏览器 type button 是 submit .

Dhana 6 年前

改变 <Button> 标记到 <input type="button" value="Button">

<input type="button" class="col-md-6 formButton bigButton" value="Button">
            <span>Utilizo el listado mensual de<br> consumo o lÃmite preconcedido</span>
        </input>

更新 JSFiddle