input:invalid { border-color: red; } input:valid { border-color: green; } <input type="email" required> <input type="number" min="18" max="99"> <input pattern="[a-zA-Z]{3,12}">