TAG
CSS
JavaScript
Result
Run
License
<form id="test-form" class="transmitted" method="post" action="/assist/example/http/form-receivers.php"> <label><input type="radio" name="method" value="get" checked />GET</label> <label><input type="radio" name="method" value="post" />POST</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 $aElMethod = document.querySelectorAll("input[name='method']"); const $elSubmit = document.querySelector("input[type='submit']"); $aElMethod.forEach(elMethod => elMethod.addEventListener("change", setMethod)); function setMethod(e) { $elSubmit.formMethod = `${e.currentTarget.value}`; } $elTestForm.addEventListener("submit", e => { $elTestForm.target = "_blank"; }); $aElMethod[0].dispatchEvent(new Event("chabnge")); });
Console
expand_less
License
License
by DevDic
Close