HTML button nach klick deaktivieren

<form action="?send" method="POST">
	<input class="btn btn-success" type="submit" value="Senden"></a>
</form>

<button type="button" id="ID" class="btn btn-default">Klick</button>

$("#ID").on("click", function() {
    $(this).prop("disabled", true);
});

<form id="formABC" action="?send" method="POST">
    <input type="submit" id="btnSubmit" class="btn btn-success" value="Senden"></input>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(document).ready(function () {

        $("#formABC").submit(function (e) {

            //stop submitting the form to see the disabled button effect
            e.preventDefault();

            //disable the submit button
            $("#btnSubmit").attr("disabled", true);

            //disable a normal button
            $("#btnTest").attr("disabled", true);

            return true;

        });
    });
</script>

</body>
</html>

//stop submitting the form to see the disabled button effect
​e.preventDefault();

document.querySelector('#btnSubmit')
  .addEventListener('click', event => event.target.setAttribute('disabled', true))