---
title: "Javascript string and number mask with Jsuites v4"
description: "A simple javascript mask plugin"
source: https://jsuites.net/docs/v4/javascript-mask
---
The new input mask plugin brings a much better user experience. Now it considers the special keys, selections, and other user non-input actions on input elements with any JavaScript mask. In the newer version, it is possible to mask DIV.contentEditable HTML elements, and also it brings Excel-like mask options. The JavaScript mask integrates the user key down through events. Define the data-mask property in your input fields to start using.
* React, Angular, Vue compatible;
* Mobile friendly;
* Date picker;
* Time picker;
* Year-month picker;
* Several events and easy integration;
* JS plugin or web component;
{.right}
Examples
--------
### Using mask in HTML form elements
What is your birthday? _(Mask: dd/mm/yyyy)_
US Format _(Mask: US #.##0,00)_
Percent mask _(Mask: 0%)_
How many liters _(Mask: 0.00 liters)_
EURO French Format _(Mask: # ##0,00 €)_
### Using mask on contentEditable elements
Enter the currency price (Mask: U$ #.##0,00)
```html
```
### More examples
```html
```
Advance masking combination
---------------------------
A few valid tokens can be used with mask as below:
0
0.00
0%
0.00%
#,##0
#,##0.00
#,##0;(#,##0)
#,##0;[Red](#,##0)
#,##0.00;(#,##0.00)
#,##0.00;[Red](#,##0.00)
d-mmm-yy
d-mmm
dd/mm/yyyy
mmm-yy
h:mm AM/PM
h:mm:ss AM/PM
h:mm
h:mm:ss
m/d/yy h:mm
mm:ss
[h]:mm:ss
### More information about the jSuites JavaScript mask plugin
* [See more javascript mask working examples](/docs/v4/javascript-mask/basic)
* [More information about the available mask tokens](/docs/v4/javascript-mask/quick-reference)
* [Programmatic methods](/docs/v4/javascript-mask/basic)