Question

我创建了一个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

Answer 1

默认情况下，表单中的<button>将被视为一个提交按钮（因此，将表单提交给任何操作，在这种情况下为modifica.php），以避免为此设置type属性按钮。

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

按钮不应该调用php函数

1 个答案: