Masks Form Fields
A plugin to add masks in the form’s fields.
The facts
- Rating
- 5★ from 23
- Active installs
- 9k+
- Price
- Free
- Last updated
- 23 May 2026
- Added
- Nov 2016
- Requires WP
- 4.5
- Tested up to
- WP 7.0.4
- Requires PHP
- 5.6
- Downloads
- 78,865
Our analysis
AI-assistedMasks Form Fields is a WordPress plugin that allows you to add input masks to form fields, primarily for use with Contact Form 7. This helps ensure that users enter data in a specific format, such as phone numbers or dates, which can improve data consistency and validation.
The plugin provides a variety of predefined masks for different types of data, including phone numbers, dates, and monetary values. It is suitable for developers or site owners who want to enhance form usability and accuracy on their websites.
Best for: This plugin is best for WordPress users who need to implement input masks in forms for data entry validation.
What it does well
- ✓Free to use from the WordPress.org directory
- ✓Compatible with Contact Form 7
- ✓Offers a variety of input masks for different data types
- ✓Supports custom mask formats
- ✓Regularly updated with a high directory score
Where it falls short
- •Limited information on customisation options beyond predefined masks
Verdict
Masks Form Fields is a practical solution for adding structured input formats to forms, making it beneficial for sites that require precise data collection.
From the developer
Petermann's own description of Masks Form Fields, lightly tidied.
Add a class in the form field.
Example of use with Contact Form 7:
[tel your-phone class:phone placeholder "Phone"]
Listing of classes available for use.
('span.start, input.start').mff_mask('00/0000');
('span.date, input.date').mff_mask('00/00/0000');
('span.time, input.time').mff_mask('00:00:00');
('span.time2, input.time2').mff_mask('00:00');
('input.date_time').mff_mask('00/00/0000 00:00:00');
('input.date_time2').mff_mask('00/00/0000 00:00');
('input.cep').mff_mask('00000-000', { clearIfNotMatch: true });
('input.zip').mff_mask('00000');
('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions);
('input.phone_us').mff_mask('(000) 000-0000');
('input.taxid').mff_mask('00-0000000');
('input.ssn').mff_mask('000-00-0000');
('input.mixed').mff_mask('AAA 000-S0S');
('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true });
('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true });
('input.money').mff_mask('000.000.000.000.000,00', { reverse: true });
('input.money2').mff_mask('#.##0,00', { reverse: true });
('input.money3').mff_mask('#,##0.00', { reverse: true });
('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true });
('input.money5').mff_mask('#.##0', { reverse: true });
('input.money6').mff_mask('#,##0', { reverse: true });
('input.ip_address').mff_mask('099.099.099.099');
('input.percent').mff_mask('##0,00%', { reverse: true });
('input.percent2').mff_mask('##0.00%', { reverse: true });
('input.percent3').mff_mask('990,0%', { reverse: true });
('input.percent4').mff_mask('990.0%', { reverse: true });
('input.percent5').mff_mask('#,##0%', { reverse: true });
('input.percent6').mff_mask('#.##0%', { reverse: true });
Click here for more details on how to add custom mask.
Optional
– Added option for the format of the Brazilian phone number, with attribute name equal to phonebr.