Hide Submit Button on Form Submit (No AJAX)

<form method="post" onsubmit="hideSubmitBtn(this)">
    <!-- Your form inputs here -->

    <button type="submit" id="submitBtn">Submit</button>
</form>

<script>
function hideSubmitBtn(form) {
    // Optional: disable all submit buttons inside this form
    const btn = form.querySelector('button[type="submit"]');
    if (btn) {
        btn.disabled = true;
        btn.innerText = 'Submitting...'; // Optional feedback
    }
}
</script>

What This Does:

• When the user clicks Submit, onsubmit="hideSubmitBtn(this)" is triggered.

• The button is immediately disabled and hidden.

• Then the browser proceeds with the normal form submission to PHP (no AJAX required).