<form>
    <label for="email">Адреса електронної пошти:</label>
    <input name="email" type="email" value="na@[email protected]" />

    <label for="secret">Таємний код: (літери нижнього регістру)</label>
    <input name="secret" type="text" value="test" pattern="[a-z]+" />

    <label for="age">Ваш вік: (18+)</label>
    <input name="age" type="number" value="5" min="18" />

    <label><input name="tos" type="checkbox" required checked /> - Погоджуєтеся з правилами?</label>
</form>

label {
  display: block;
  margin-top: 1em;
}

input:invalid {
  background-color: ivory;
  border: none;
  outline: 2px solid red;
  border-radius: 5px;
}