单击提交后，我的表单正在转移到 php 中的后端页面

Question

我正在单击提交按钮，我的表单正在提交。 我只是想提交详细信息，而不是访问后端页面或弹出数据已提交的页面。

<form action="functionality\app_details.php" method="post">
    <!-- Name -->
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text">Name</span>
        </div>
        <input type="text" name="name" class="form-control" id="inputName" placeholder="Enter name">
    </div>
    <!-- Parent's name -->
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text">Parent's Name</span>
        </div>
        <input type="text" name="Fname" id="inputFname" class="form-control" placeholder="Enter Father's Name">
        <input type="text" name="Mname" id="inputMname" class="form-control" placeholder="Enter Mother's Name">
    </div>
<button type="submit" class="btn btn-outline-danger">submit</button>
    </form>
    </div>

Answer 1

如果您只想提交它而没有任何反应。 只需将操作留空，这样它就不会去任何地方。

如果您希望页面不刷新，您也可以这样做：

document.getElementById("enter you button id here").addEventListener("click", function(event){
  event.preventDefault()
});

Answer 2

数据将发送到您放入操作标签的页面。如果您想将数据发送到同一页面

<form action="" method="post">
...
</form>

或使用 Ajax。