Кнопка формы, без ввода типа, отправляет форму

Question

Я знаю, что type = "submit" на кнопке, это то же самое, что и ввод.

Вопрос здесь такой: если у меня есть форма, без какой-либо кнопки / ввода 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>

Fiddle: http://jsfiddle.net/36zsa1t8/ (я знаю, что нет никаких стилей).

Кнопка Продолжить из формы фактически отправляет ее, собираетсяна следующую страницу.

Нет JavaScript в коде.

Есть идеи, почему это происходит?

Answer 1

Изменить <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

Answer 2

Как было объяснено в этом ответе , для большинства браузеров по умолчанию type из button равно submit.