<!-- Default max is $9,999.00 -->

<input type="text" mask="currency" />

<!-- Add both maxlength and max attribute to customize. -->

<input type="text" mask="currency" maxlength="50" max="999,999,999" />

<!-- By default, integers are capped...and only positive integers. -->

<input type="text" mask="integer" />

<!-- If you want to stupidly store integer in the database that is 50 characters long -->

<input type="text" mask="numeric" maxlength="50" />

<!-- This is like currency without the $ sign -->

<input type="text" mask="numeric" />

<!-- Apply maxlength and/or max attribute to customize. -->

<input type="text" mask="numeric" />

<!-- Just letters and numbers -->

<input type="text" mask="alphanumeric" />

<input type="text" mask="tel" />
<input type="tel" mask="tel" />

<!-- Be sure to use type="text" -->

<input type="text" mask="email" />

<input type="date" mask="date" />

<!-- I have used this on a form and there doesn't seem to be an issue. -->

<input type="text" mask="person-name" />

<input type="text" mask="street-address" />

<input type="text" mask="street-address" value="1234 Imaginary Ln." />

<input type="text" mask="city" />

<!-- This input needs to be wrapped in a div -->

<div>
  <input type="text" mask="state" />
</div>

<!-- With a default value selected -->

<div>
  <input type="text" mask="state" value="CA" />
</div>

<input type="text" mask="zip" />