前言介紹
- 這款 WordPress 外掛「Input Mask Elementor Form Fields」是 2020-02-06 上架。
- 目前有 20000 個安裝啟用數。
- 上一次更新是 2025-05-02，距離現在已有 2 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
- 有 23 人給過評分。
- 論壇上目前有 2 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！
外掛協作開發者
coolplugins | satindersingh | narinder-singh | rodrigo-bogdanowicz |
外掛標籤
mask | elementor | formulario | Input Masks | elementor form |
內容簡介
這是一個在表單中添加遮罩的外掛，兼容任何具有自訂類別和 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 的場景（重複類別不產生衝突）。
原文外掛簡介
Using Elementor Form Widget and need to apply formatting to form text fields for better validation?
Apply input masks to Elementor form fields, allowing users to enter data in predefined formats for better validation and user experience.
Supports various input mask options, including phone number masking, credit card masks, date/time masks and more.
Works exclusively with Elementor Pro, as the form widget is only available in Elementor Pro version.
— —————————————- —
🔗 VIEW INPUT MASK DEMO
— —————————————- —
Additionally, you can expand Elementor form widget features with Cool FormKit that adds many advanced fields inside your Elementor form like: Range Slider, Calculator field, Rating field, Signature field, Conditional fields and more.
INPUT MASKS SUPPORTED BY PLUGIN
— —————————————- —
✅ Phone Masks: Supports various phone number formats for different regions, including the USA, Brazil, and others.
0000-0000
(000) 000-0000
(00) 0000-0000
(00) 0.0000-0000
✅ Credit Card Mask: Helps to format and validate credit card details.
Credit Card Mask: 0000-0000-0000-0000
Credit Card Expiry Date Mask: 00/00
✅ Date & Time Masks: Maintain consistency for date and time inputs and ensure they follow a fixed pattern
Date: 00/00/0000
Time: 00:00:00
Date and Time: 00/00/0000 00:00:00
✅ Currency Mask: Standardize input formatting for money entry.
Comma Separator: 00,000.00
Dot Separator: 00.000,00
✅ CPF, CNPJ, CEP (Brazilian Formats): Accurately capture inputs for official Brazilian IDs and postal codes.
CPF (Brazilian ID): 000.000.000-00
CNPJ (Brazilian Company ID): 00.000.000/0000-00
Postal Code (CEP): 00000-000
ABOUT PLUGIN AUTHOR
— —————————————- —
This plugin was originally published by Rodrigo Bogdanowicz in 2020. Now, it is maintained by Cool Plugins, ensuring regular updates and dedicated support.
With a team of 20+ expert WordPress developers, Cool Plugins has developed numerous free and premium plugins, earning 1,000+ five-star reviews and powering 300,000+ websites worldwide. Explore some of their top-rated Elementor addons designed to enhance and extend Elementor functionality below:
📝 Cool FormKit For Elementor
Add advanced fields like conditional logic, range sliders, calculator fields, and country code selection to Elementor forms.
🔥 Conditional Fields For Elementor Form
An essential addon for Elementor forms that allows you to add conditional logic to input fields, enabling fields to show/hide based user input.
📞 Country Code For Elementor Form Telephone Field
Enhances phone fields with a country code selection feature for accurate data input.
📜 Timeline Widget for Elementor
Use this plugin to showcase your history in a stylish vertical or horizontal timeline layout on Elementor pages.
📅 Events Widgets for Elementor
This plugin provides The Events Calendar widgets for Elementor, allowing you to easily display events in a grid, list, or carousel layout.
🌍 Loco Translate Addon
Automate the translation process of WordPress plugin and theme strings within a single click via AI-powered translation resources.
🚀 More Plugins by Cool Plugins
DISCLAIMER: This plugin is not affiliated with or developed by the official Elementor team. Some of the links in this content may be affiliate links, meaning we may earn a commission at no extra cost to you if you make a purchase through these links.
— —————————————- —
Get Cool FormKit for Elementor
— —————————————- —
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Input Mask Elementor Form Fields」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
4.0.0 | 4.1.0 | 4.1.1 | 4.1.2 | trunk |
延伸相關外掛（你可能也想知道）
Form Input Masks For Elementor Form 》=> 現在該外掛支援彈出視窗表單的遮罩功能。, Form Masks for Elementor 可以在進階標籤中建立自訂控制，使用遮罩功能自由調整欄位格式。使用該外掛需要 E...。
Input Masks for Contact Form 7 》總結：Input Masks for Contact Form 7 外掛讓您輕鬆為 Contact Form 7 中的欄位添加輸入掩碼功能，幫助用戶以正確格式輸入數據，提高精確性，增強表單的易用...。
Input Masks for Elementor Forms 》總結文案：, Input Masks for Elementor Forms 是 Elementor Forms 的附加外掛，能幫助您對表單字段應用輸入遮罩。輸入遮罩引導使用者以正確格式輸入數據，如...。