单击提交后，我的表格正在转移到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。