JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" required />
<button type="submit">Check</input>
</form>
<form>
<input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" required />
<button type="submit">Check</input>
</form>