Invalid style can be assigned using a CSS class:

Or just with default pseudo selector `:invalid`

The empty field is required there for at its current state invalid
To avoid showing up as invalid add the '.is-empty' class to the styles

Invalid fields can be also defined by using patter

The previous input only allows lowercase characters and a length of 4-8 characters