UNPKG

jqwidgets-framework

Version:

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

www.jqwidgets.com

jqwidgets/jQWidgets

51 lines • 1.51 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<div id='jqxWidget' style="font-size: 13px; font-family: Verdana;"> <div style='margin-top: 10px;'> Numeric </div> <jqxMaskedInput #numericInput [width]="250" [height]="25"> </jqxMaskedInput> <div style='margin-top: 10px;'> Zip Code </div> <jqxMaskedInput #zipCodeInput [mask]="'#####-####'" [width]="250" [height]="25"> </jqxMaskedInput> <div style='margin-top: 10px;'> SSN </div> <jqxMaskedInput #ssnInput [mask]="'###-##-####'" [width]="250" [height]="25"> </jqxMaskedInput> <div style='margin-top: 10px;'> Phone Number </div> <jqxMaskedInput #phoneInput [mask]="'(###)###-####'" [width]="250" [height]="25"> </jqxMaskedInput> <div style='margin-top: 10px;'> IP Address (ex: 255.255.255.255) </div> <jqxMaskedInput #regexInput [mask]="'[0-2][0-5][0-5].[0-2][0-5][0-5].[0-2][0-5][0-5].[0-2][0-5][0-5]'" [width]="250" [height]="25"> </jqxMaskedInput> <div style='margin-top: 10px;'> Disabled </div> <jqxMaskedInput #disabledInput [disabled]="true" [width]="250" [height]="25"> </jqxMaskedInput> </div> <br /> <jqxButton #clearButton (onClick)="clear()">Clear Values</jqxButton>