TAG
CSS
JavaScript
Result
Run
License
<form class="transmitted" action="/assist/example/http/form-receivers.php" target="_blank"> <label><input type="checkbox" id="required" />Required</label> <textarea id="content" name="content"></textarea> <div><button type="submit">Submit</button></div> </form>
.transmitted { padding: 30px 20px; position: relative; display: flex; flex-direction: column; row-gap: 10px; } .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 $elContent = document.getElementById("content"); const $elRequired = document.getElementById("required"); $elRequired.addEventListener("click", e => { $elContent.required = e.currentTarget.checked; }); });
Console
expand_less
License
License
by DevDic
Close