JSFiddle - React, Tailwind, and code Playground
by vovkasolovev
HTML
<body>
<form action="" method="post" id="cusCreate" autocomplete="off">
<input type="tel" name="telphone" placeholder="888 888 8888" pattern="[0-9]{1} [0-9]{3} [0-9]{3}-[0-9]{4}" maxlength="12" title="Ten digits code" required/>
<label style="font-size:9px;padding-left:20px"> Eg : 081 222 2224 </label>
<input type="submit" value="Submit"/>
</form>
</body>
CSS
<style>
textarea:required:invalid, input:required:invalid {
background-color: lightyellow;
}
</style>