bobbingwide

The ACF field block displays individual fields registered using ACF.
It supports the following field types:
<ul>
<li>Basic: Text, Text Area, Number, Range, Email, URL, Password</li>
<li>Content: Image, File, WYSIWYG Editor, oEmbed, Gallery</li>
<li>Choice: Select, Checkbox, Radio Button, Button Group, True / False</li>
<li>Relational: Link, Post Object, Page Link, Relationship, Taxonomy, User</li>
<li>Advanced: Google Map, Date Picker, Date Time Picker, Time Picker, Color Picker</li>
<li>Layout: Group, Clone, Repeater, Flexible Content</li>
</ul>
Features
<ul>
<li>Uses a single block – ACF field</li>
<li>The block can be used within the Query Loop</li>
<li>Most field types are rendered in the block editor.</li>
<li>Supports display of the field’s label, if required.</li>
</ul>
This plugin depends on Advanced Custom Fields PRO; it uses the plugin’s server side rendering block logic. 
If ACF PRO is not activated then the ACF field block will not be registered.
For PHP developers 
The extensible architecture allows: 
– overrides to rendering logic by field type, 
– rendering for custom field types, 
– rendering for custom field names
If you want to alter the output from the <code>acf-field-block/acf-field</code> block 
then you can either hook into the <code>render_block_acf-field-block/acf-field</code> filter to 
modify the generated HTML, 
or the <code>acf_field_block_get_renderer</code> filter to set your own callback function/method 
for a field type or specific field.
Google Map fields use JavaScript from maps.googleapis.com. 
The Google Map field requires an API key which you can obtain from 
https://developers.google.com/maps/documentation/javascript/get-api-key

Field block for ACF PRO

No code solution to display ACF fields using the ACF field block.

Petermann

Add a class in the form field.
Example of use with <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a>:
<pre><code>[tel your-phone class:phone placeholder "Phone"]
</code></pre>
Listing of classes available for use.
<pre><code>('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 });
</code></pre>
<a href="https://gist.github.com/petermann/fd1a898e02ca91a0d7231a9f8ee662b4" rel="nofollow ugc">Click here</a> for more details on how to add custom mask.
Optional 
– Added option for the format of the Brazilian phone number, with attribute <code>name</code> equal to <code>phonebr</code>.
<h3>Credits</h3>
<a href="https://github.com/igorescobar/jQuery-Mask-Plugin" rel="nofollow ugc">jQuery Mask Plugin</a>

Masks Form Fields

A plugin to add masks in the form’s fields.

Field block for ACF PRO vs Masks Form Fields