JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="text" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" />
    <input type="submit" value="Submit" />
</form>