> For the complete documentation index, see [llms.txt](https://docs.atomui.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.atomui.com/form-elements/masked-input.md).

# Masked Input

Masked input plugin extends formatting of user input for better representation while inputs for inputs like numbers, telephone, currency etc.

#### Step 1

Include JavaScript before end of body tag

```markup
<script src="assets/vendor/jquery.mask/jquery.mask.min.js"></script>
```

#### Step 2

Add markup with data parameters. use data-mask for formatting

```markup
<input type="text" name="field-name" class="form-control" data-mask="00/00/0000" data-mask-clearifnotmatch="true" placeholder="00/00/0000"/>
```

{% embed url="<https://github.com/igorescobar/jQuery-Mask-Plugin>" %}
