JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<input type='tel' name='phone' pattern='\+?[(]?(?:[0-9\ ][a-z]?[()\-\.]?){3,}' />
<button type='submit'>Submit</button>
</form>
<form>
<input type='tel' name='phone' pattern='\+?[(]?(?:[0-9\ ][a-z]?[()\-\.]?){3,}' />
<button type='submit'>Submit</button>
</form>