</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">Input for ASP.NET Web Forms</div> <div id="PageTitle"><div id="PageTitleText">Using C1InputMask</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div id="BodyContent"> <p>The C1InputMask control is basically an enhanced TextBox control that uses a mask to distinguish between proper and improper user input. It is the main Web control used for entering and editing information of any data type in a text form. C1InputMask serves as a base class for the C1InputDate and C1InputNumeric controls. The following image shows a C1InputMask control with a phone number Mask.</p> <p><img border="0" alt="" src="imagesExt/image14_10.png"></p> <p>Using the Mask property, you can specify the following input without writing any custom validation logic in your application:</p> <ul> <li>Mask literals (characters that should appear directly in the C1InputMask control); for example, the hyphen (-) in a phone number.</li> <li>The type of input required at a given position in the mask; for example, numeric or alphabetic.</li> <li>Custom input characters.</li> </ul> <p><strong>Key Benefits</strong></p> <p>The key benefits of <a href="C1.Web.Wijmo.Controls.4~C1.Web.Wijmo.Controls.C1Input.C1InputMask.html">C1InputMask</a> include the following:</p> <ul> <li>It's easy to master C1InputMask because its most basic properties and methods are similar in behavior with the System.Windows.Forms.MaskedTextBox control at the input of text. The C1InputMask properties and methods are distinctive with additional functionality.</li> <li>Ability to copy and paste to and from Input for ASP.NET Web Forms controls.</li> <li>Keyboard support:</li> <li style="LIST-STYLE-TYPE: none; DISPLAY: inline"> <ul> <li>LEFT/RIGHT ARROWS: move the cursor one position to the left/right.</li> <li>HOME/END: move the cursor to the beginning or end.</li> <li>UP/DOWN ARROWS: for enumerations and numeric ranges, increase or decrease the enumeration/numeric range value.</li> <li>DELETE/BACKSPACE: for enumeration/numeric range, set value of enumeration/numeric range to initial value.</li> <li>［CTRL+C and CTRL+V: support for copy/paste keyboard shortcuts.</li> </ul> </li> <li>Ability to choose a specific culture for C1InputMask, for example, English, Spanish, German, Russian, and so on.</li> <li>Ability to change most properties of C1InputMask "on-the-fly" from client script.</li> <li>Client-side events available for you to use to increase the performance of your Web form by eliminating a postback.</li> </ul> <a name="seealsobookmark"></a> <div class="SectionHeading" id="seealsoSectionHeading"><span class="SectionHeadingIcon"><!-- --></span><span class="SectionHeadingText">See Also</span></div><div id="seealsoSectionContent" class="SectionContent"><div class="SeeAlsoLink"> <a href="definingc1inputmask.html">Defining C1InputMask</a></div> </div> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script> $(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } }); </script></p> <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a href="http://feedback.componentone.com/forums/255768-asp-net-documentation" target="_blank">Documentation Feedback</a> </div> </body> </html>