<h1>
    InputMask
</h1>

<p>
    The InputMask control allows you to validate and format user input
    as it is entered, preventing invalid data.
</p>
<p>
    To use the InputMask control, set the <b>mask</b> property to a
    string that specifies the valid character classes for each input\
    position, as described in the
    <a href="http://helpcentral.componentone.com/nethelp/c1mvchelpers/wijmo.input.InputMask.Class.html" target="_blank">InputMask documentation</a>.
</p>
<p>
    Here are a few examples to demonstrate:
</p>

<div class="demo-settings">
    <label for="theSSN">Social Security Number</label>
    @Html.C1().InputMask().Id("theSSN").Mask("000-00-0000")
    <br>
    <label for="theZip">Zip Code</label>
    @Html.C1().InputMask().Id("theZip").Mask("00000")
    <br>
    <label for="theZip4">Zip+4 Code</label>
    @Html.C1().InputMask().Id("theZip4").Mask("00000-0000")
    <br>
    <label for="thePhone">Phone Number</label>
    @Html.C1().InputMask().Id("thePhone").Mask("(999) 000-0000")
</div>