title: Implement HTML input phone mask XXX-XXX-XXXX
body: <p>I want to have an input for US phone numbers that are auto formatting. In other words, as one is typing the cursor automatically advances to the next section and does not allow more than the mask.</p>
  
  <p>I don't want to use any form submitting. And would like to do it simply with input attributes.</p>
  
  <p>Something like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input name="phoneVal" type="text" placeholder="XXX-XXX-XXXX" required&gt;
  </code></pre>
  
  <p>I've seen this implemented in many sites but I can't figure out how to do it. I've been searching for several hours. I guess I am not putting in the correct search question.</p>