TAG
CSS
JavaScript
Result
Run
License
<form id="myform" class="transmitted" action="/assist/example/http/form-receivers.php" target="_blank"> <input type="text" id="name" name="name" required /> <button type="button" id="btn-send">Submit</button> </form>
.transmitted { padding: 30px 20px; position: relative; } .transmitted::before { content: "Transmit but not save"; position: absolute; background: #454545; top: 0; padding: 3px 10px; color: yellow; border-radius: 5px; }
window.addEventListener("load", () => { const $elBtnSend = document.querySelector("#btn-send"); $elBtnSend.addEventListener("click", e => { const $elForm = e.currentTarget.form; if(!$elForm.reportValidity()) { return; } $elForm.submit() }); });
Console
expand_less
License
License
by DevDic
Close