Кнопка вызова функции php, когда этого не следует

Я создаю html-страницу, где отображается информация о зарегистрированном пользователе, рядом с информацией есть кнопка, открывающая форму:

<h1 class = "personal">Il mio profilo: <button class = "add_btn" onclick = "mod()">Modifica</button></h1>
    <div class = "mobile-screen" id = "modform" style = "display: none">
        <form action = "modifica.php" method = "post" id = "mod-form">
            <table>
                <button class = "login-btn" onclick = "mod()">Chiudi</button>
                    <tr>
                        <input type = "text" name = "memail" id = "memail" placeholder = "E-Mail">
                    </tr>
                    <tr>
                        <input type = "text" name = "mpass" id = "mpassword" placeholder = "Password">
                        <input type = "text" name = "mmphone" id = "mmphone" placeholder = "Cellulare">
                    </tr>
                    <tr>
                        <input type = "submit" class = "login-btn" name = "mod" id = "signup-btn" value = "Modifica">                             
                    </tr>
            </table>
       </form>
   </div>

В этой форме я добавил кнопку, которая должна закрыть его, вызвав функцию js.

Это кнопка:

<button class = "login-btn" onclick = "mod()">Chiudi</button>

Это функция JS, которая называется

function mod(){
    var y = document.getElementById("modform");
    if (y.style.display === "none") {
        y.style.display = "block";
    }else{
        y.style.display = "none";
    }
}

Каждый раз, когда я нажимаю эту кнопку, вызывается файл modifica.php

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

Модифицировал кнопку так:

<button type = "button" class = "login-btn" onclick = "mod()">Chiudi</button>

Но он по-прежнему вызывает modifica.php