TAG
CSS
JavaScript
Result
Run
License
<form id="test-form" class="transmitted" method="post" action="/assist/example/http/form-receivers.php"> <label><input type="text" name="anytext" placeholder="any text" required /></label> <span><input type="submit" value="Submit" /></span> </form>
#test-form { display: flex; flex-direction: column; row-gap: 10px; } .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; }
document.addEventListener("DOMContentLoaded", () => { const $elTestForm = document.getElementById("test-form"); const $elSubmit = document.querySelector("input[type='submit']"); $elTestForm.addEventListener("submit", e => { $elSubmit.formTarget = "_blank"; }); });
Console
expand_less
License
License
by DevDic
Close