內容簡介
這是一個在表單中添加遮罩的外掛，兼容任何具有自訂類別和 ID 選項的表單外掛。
描述
Mask Form Elementor 外掛使用 jQuery 函示庫在 Elementor 建構器的表單中以及所有具有內建自訂類別和 ID 選項的其他表單外掛中添加遮罩。
要在 Elementor 中使用該外掛，只需透過表單小工具直接選擇要使用的字段類型即可。
在最新版本中，已提供類別以使該外掛與 Elementor 之外的其他表單類型兼容。
套用外掛很簡單，只需在表單中的字段內部添加該類別即可。
遮罩選項
日期：00/00/0000
時間：00:00:00
日期和時間：00/00/0000 00:00:00
郵遞區號：00000-000
無區域號碼的電話號碼：0000-0000
電話號碼：(00) 0000-0000
帶附加數字的電話號碼：(00) X0000-0000
身分證或統編：000.000.000-00 或 00.000.000/0000-00
身分證字號：000.000.000-00
統一編號：00.000.000/0000-00
貨幣：000.000.000.000.000,00
IP 地址：000.000.000.000
百分比：000,00%
車牌號碼：XXX-0000 或新版 Mercosul 車牌號碼格式 XXX0X00備註：需透過 ID/Class 手動套用
用戶名：限制使用特殊字元備註：需透過 ID/Class 手動套用
信用卡號（卡號）：0000-0000-0000-0000
信用卡號（有效期）：00/00
若要手動套用，請在文字類型的字段中添加 Class/ID：
mascara_data
mascara_hora
mascara_data_hora
mascara_cep
mascara_telefone
mascara_telefone_ddd
mascara_telefone_nono_digito
mascara_cpf_ou_cnpj
mascara_cpf
mascara_cnpj
mascara_monetario
mascara_ip
mascara_porcentagem
mascara_placa
mascara_usuario
mascara_cartaon
mascara_cartaod
備註（如果使用 ID）：
為避免在同一頁面上發生重複的 ID 衝突，您可以選擇不同的 ID “2”、“3”和“4”，請參閱以下示例：
字段 1：mascara_telefone_nono_digito
字段 2：mascara_telefone_nono_digito2
字段 3：mascara_telefone_nono_digito3
字段 4：mascara_telefone_nono_digito4
只需在 ID 的末尾加入數字 2 到 4 即可，適用於所有遮罩。
此選項僅適用於使用 ID 的場景（重複類別不產生衝突）。
外掛標籤
開發者團隊
② 後台搜尋「Input Mask For Elementor Form Fields」→ 直接安裝（推薦）
原文外掛簡介
Input Mask For Elementor Form Fields is an Elementor addon that helps to add input masks on Elementor form fields. It helps you control how users enter data into form fields, ensuring properly formatted entries for phone numbers, credit cards, dates, Brazilian IDs, and more.
Originally developed by Rodrigo Bogdanowicz, this plugin is now actively maintained and supported by the Cool Plugins team, who continue to add new features, bug fixes, and compatibility updates.
This plugin works with Elementor Pro and the Hello Plus form widget. Simply edit your Elementor form, select a text field, and apply the desired mask.
👉 Check Live Demo
Need more advanced Elementor form fields? Extend your forms with Cool FormKit (aka coolformkit). With Cool FormKit, you can add:
Range Sliders
Calculator Fields
Signature Fields
Rating Fields
Conditional Logic
Spam protection with hCaptcha and Cloudflare Turnstile
Supported Input Masks
Phone Masks: Add common phone number formats such as USA, Brazil, and more.
0000-0000
(000) 000-0000
(00) 0000-0000
(00) 0.0000-0000
Credit Card Masks: Format card numbers and expiry dates.
Card: 0000-0000-0000-0000
Expiry: 00/00
Date & Time Masks: Keep date and time inputs consistent.
Date: 00/00/0000
Time: 00:00:00
Date & Time: 00/00/0000 00:00:00
Currency Masks: Enforce correct money formats.
Comma style: 00,000.00
Dot style: 00.000,00
Brazilian Formats (CPF, CNPJ, CEP): Capture accurate Brazilian IDs.
CPF: 000.000.000-00
CNPJ: 00.000.000/0000-00
CEP: 00000-000
More Addons for Elementor Forms
Conditional Fields for Elementor Form – Add conditional logic to show, hide, enable, or disable fields dynamically.
Country Code for Elementor Form Telephone Field – Add a dropdown with country codes and flags for phone fields.
Cool FormKit – A complete Elementor form builder addon that extends Pro forms and adds a full widget for Elementor Free.
Other Popular Elementor Addons by Cool Plugins
Timeline Widget for Elementor – Create stunning vertical and horizontal timelines inside Elementor editor easily.
Events Widgets for Elementor – Add The Events Calendar in Elementor pages easily via using these events widgets.
AutoPoly – AI Translation for Polylang – Translate Elementor websites automatically via AI and Polylang plugin.
Loop Grid Extender for Elementor Pro – Add ACF repeater support and advanced taxonomy filters in Elementor loop builder.
LocoAI – Auto Translate for Loco Translate – AI-powered string translation for plugins and themes inside Loco Translate.
Use of 3rd Party Services: This plugin connects to the Cool Plugins feedback server only for optional usage data sharing and voluntary feedback submission (for example, during plugin deactivation). Data is transmitted solely after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected. For more details, please review our Data Usage Policy, TOS, and Privacy Policy.
Disclaimer: This plugin is not affiliated with or endorsed by the official Elementor team. Some links provided may be affiliate links, which means we could earn a small commission at no additional cost to you if you make a purchase.
👉 Get Cool FormKit – Advanced Elementor Form Builder
