JSFiddle - React, Tailwind, and code Playground

by camel2243

HTML

<div>
    <input type="email" placeholder="Please input email...." value="123@"/>
</div><br /><br />
<div>
    <input type="email" placeholder="Please input email...." value="123@gmail.com"/>
</div>

CSS

input:invalid {
  border: 1px solid red;
}

input:valid {
  border: 1px solid green;
}