<form>
<label for="choose">Would you prefer tea or coffee?</label>
<input id="choose" name="i_like" required pattern="[Tt]ea|[Cc]offee">
<button>Submit</button>
</form>
input:valid { color: green }
input:invalid { color: red }
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.