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

# Masked Input

Allows the user to enter fixed width input while conforming to a character format. Powered by [jQuery Masked Input](https://github.com/digitalBush/jquery.maskedinput) plugin.

{% hint style="info" %}
Please refer to [jQuery Masked Input Documentation](https://github.com/digitalBush/jquery.maskedinput) to learn about plugin options
{% endhint %}

**Step one**&#x20;

Include the javascript file inside the `<body>`before core template script inclusions, if it's not there already.

```markup
<script src="assets/plugins/jquery-inputmask/jquery.inputmask.min.js" type="text/javascript">
```

**Step two**

Add the markup.

```markup
<input type="text" id="phone" class="form-control">
```

**Step three**

Apply the plugin.

{% hint style="warning" %}
Make sure you place the following script **below** all the pre-requisites mentioned in the Step two above.
{% endhint %}

![](https://3396288764-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDBWrdKcsIL5-tSGnv_%2F-LE9zoq7e0joEFqXM7iR%2F-LE9zqeQnZF8CgQSXz-z%2Fmasked.png?alt=media\&token=455ebbb6-9cab-4d5e-a1c7-d7bc226dabb7)

```markup
<script>
$(document).ready(function() {
    $("#phone").mask("(999) 999-9999");
});
</script>
```
