TAG
CSS
JavaScript
Result
Run
License
<form id="myform" class="nottransmitted"> <input type="text" id="amount" name="amount" placeholder="Enter a 4-digit number" /> <button type="submit">Submit</button> </form>
.nottransmitted { padding: 30px 20px; position: relative; } .nottransmitted::before { content: "Not transmitted"; position: absolute; background: #454545; top: 0; padding: 3px 10px; color: yellow; border-radius: 5px; }
document.addEventListener("DOMContentLoaded", () => { const $elMyform = document.getElementById("myform"); const $elAmount = document.getElementById("amount"); $elAmount.pattern = "[0-9]{4}"; $elMyform.addEventListener("submit", e => { e.preventDefault(); }, { passive: false }); });
Console
expand_less
License
License
by DevDic
Close