title: Combine pattern with maxlength of input field
body: <p>Is it possible to combine a pattern attribute with a maxlength attribute on an input field in jquerymobile?</p>
  
  <pre><code>&lt;input name="aNumber" type="number" pattern="[0-9]{6}" maxlength="6" placeholder="dddddd" value=""&gt;
  &lt;input name="anotherNumber" type="number" pattern="[0-9]{3,4}" maxlength="4" placeholder="ddd(d)" value=""&gt;
  </code></pre>
  
  <p>I want the big numberpad to appear but that only works using <code>pattern="[0-9]*"</code>. Unfortunately the maxlength attribute is not respected in any case.</p>
  
  <p>What I want is a numeric keypad to appear (the big one/dial; the iPhone apparently has two: only numbers/dial and numbers with special chars) letting the user input up to 6 or 3 to 4 numeric chars.</p>
  
  <hr>
  
  <p>Edit: Applied @raina77ow 's suggestion and that works for the moment, but still it feels not right so I'm open to advice!</p>
  
  <pre><code>&lt;input name="aNumber" type="tel" pattern="[0-9]*" maxlength="6" placeholder="dddddd" value=""&gt;
  </code></pre>