JSFiddle - React, Tailwind, and code Playground

by Amit Thakkar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/0.9.0/jquery.mask.min.js"></script>
<div id="demo">      
    <table border="0">
        <tbody>
        <tr>
            <td>Phone1</td>
            <td><input id="phone1" type="text" tabindex="3" /></td>
            <td>(999) 999-9999</td>
        </tr>
        <tr>
            <td>Phone2</td>
            <td><input id="phone2" type="text" tabindex="3" /></td>
            <td>(999) 999-9999</td>
        </tr>
        </tbody>
    </table>
</div

CSS

* { font-family:arial; }
td { padding:7px; }
h3 { font-weight:bold; }

JavaScript

jQuery(function($) {
      $('#phone1').mask('(999) 999-9999');
      $('#phone2').mask('(000) 000-0000');
   });