{"id":7095,"date":"2021-04-15T07:17:39","date_gmt":"2021-04-15T07:17:39","guid":{"rendered":"https:\/\/docs.campaignsuite.nl\/docs\/gravity-forms\/edit-a-form\/mask-input\/"},"modified":"2021-05-11T19:53:46","modified_gmt":"2021-05-11T19:53:46","slug":"mask-input","status":"publish","type":"docs","link":"https:\/\/docs.campaignsuite.nl\/en\/docs\/gravity-forms\/edit-a-form\/mask-input\/","title":{"rendered":"Mask input"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7095\" class=\"elementor elementor-7095\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12cac15 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12cac15\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76cbc1b\" data-id=\"76cbc1b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08bd3c1 elementor-widget elementor-widget-text-editor\" data-id=\"08bd3c1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Input masks provide a visual guide that makes it easier for users to enter information in a specific format, such as dates and phone numbers. Masks can be filled in on <strong> Text lines <\/strong>.<\/p><p>You are actually forcing the visitor to enter a form field in a certain way. Think of a postcode (first four numbers and then two letters) or a Dutch telephone number (ten digits). CampaignSuite adds the IBAN mask that you can choose from by default.<\/p><p>This can be set in the <strong> Appearance <\/strong> tab of a field:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c3af2fb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c3af2fb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c6520ac\" data-id=\"c6520ac\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b88fe89 elementor-widget elementor-widget-image\" data-id=\"b88fe89\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2021\/03\/Screenshot-2021-05-11-at-21.52.49.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Screenshot 2021-05-11 at 21.52.49\" e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzI2OCwidXJsIjoiaHR0cHM6XC9cL2RvY3MuY2FtcGFpZ25zdWl0ZS5ubFwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyMVwvMDNcL1NjcmVlbnNob3QtMjAyMS0wNS0xMS1hdC0yMS41Mi40OS5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"268\" src=\"https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2021\/03\/Screenshot-2021-05-11-at-21.52.49.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2021\/03\/Screenshot-2021-05-11-at-21.52.49.png 720w, https:\/\/docs.campaignsuite.nl\/wp-content\/uploads\/2021\/03\/Screenshot-2021-05-11-at-21.52.49-300x112.png 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f94eabf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f94eabf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d27a7e5\" data-id=\"d27a7e5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d95fc00 elementor-widget elementor-widget-text-editor\" data-id=\"d95fc00\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Possible masks can be:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bad2065 elementor%s-align-center eael-dt-th-align-left eael-dt-td-align-left elementor-widget elementor-widget-docly-data-table\" data-id=\"bad2065\" data-element_type=\"widget\" data-widget_type=\"docly-data-table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<div class=\"table-responsive\" data-table_id=\"bad2065\" data-custom_responsive=\"false\">\r\n\t\t\t<table class=\"table table_shortcode  center\" id=\"docly-table-bad2065\">\r\n\t\t\t    <thead>\r\n\t\t\t        <tr class=\"table-header\">\r\n\t\t\t\t\t\t\t\t\t            <th class=\"\" id=\"\" colspan=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Description<\/span><\/th>\r\n\t\t\t        \t\t\t\t            <th class=\"\" id=\"\" colspan=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"data-table-header-text\">Mask<\/span><\/th>\r\n\t\t\t        \t\t\t\t        <\/tr>\r\n\t\t\t    <\/thead>\r\n\t\t\t  \t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"td-content-wrapper\"><div class=\"td-content\">Zipcode<\/div><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"td-content-wrapper\"><div class=\"td-content\">9999 aa<\/div><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t        \t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"td-content-wrapper\"><div class=\"td-content\">Date<\/div><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"td-content-wrapper\"><div class=\"td-content\">99-99-9999<\/div><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t        \t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"td-content-wrapper\"><div class=\"td-content\">Phone number<\/div><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td colspan=\"\" rowspan=\"\" class=\"\" id=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"td-content-wrapper\"><div class=\"td-content\">9999999999<\/div><\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t        \t\t\t    <\/tbody>\r\n\t\t\t<\/table>\r\n\t\t<\/div>\r\n\t  \t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Input masks provide a visual guide that makes it easier for users to enter information in a specific format, such as dates and phone numbers. Masks can be filled in on Text lines . You are actually forcing the visitor to enter a form field in a certain way. Think of a postcode (first four [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7076,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-7095","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs\/7095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/comments?post=7095"}],"version-history":[{"count":6,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs\/7095\/revisions"}],"predecessor-version":[{"id":7274,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs\/7095\/revisions\/7274"}],"up":[{"embeddable":true,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/docs\/7076"}],"wp:attachment":[{"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/media?parent=7095"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.campaignsuite.nl\/en\/wp-json\/wp\/v2\/doc_tag?post=7095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}