電子郵件字段
輕鬆收集電子郵件地址。從聯絡表單到需要雙重確認的註冊流程、網域限制和瀏覽器自動填入功能－電子郵件欄位內建驗證和拼字錯誤預防功能，可準確收集電子郵件地址。
專業電子郵件收集與智慧驗證
完美的：
適用於各種用例的強大功能
✅ 電子郵件確認字段
防止重複輸入錯誤：
新增第二個「確認郵箱」字段，使用者必須在此重新輸入郵箱地址。這可以防止輸入錯誤，確保準確收集郵箱地址。
如何使用：
- 主信箱欄位顯示在最前面
- 下方會顯示「確認電子郵件」欄位。
- 系統驗證兩個條目是否匹配
- 視覺回饋顯示匹配狀態（綠色=匹配，紅色=不匹配）
- 表單只有在電子郵件地址匹配後才能提交。
為什麼要使用確認功能：
- 防止代價高昂的拼字錯誤（[email protected] vs gmail.com）
- 確保重要郵件的送達率
- 降低跳出率
- 關鍵表格的專業最佳實踐
- 使用者自行發現錯誤
完美：
- 帳號註冊（密碼重設郵件）
- 訂單確認（收據交付）
- 活動報名（電子票郵件）
- 付款通知
- 任何對電子郵件準確性要求極高的形式
用戶體驗：
即時驗證並提供顏色編碼回饋。使用者無需提交表單即可立即查看電子郵件地址是否符合。
🏢 域名限制
將特定電子郵件網域加入白名單：
啟用「限制允許的電子郵件網域」功能，即可僅接受來自特定網域的電子郵件。非常適合公司內部表單、私密註冊或受控存取權限。
如何使用：
- 請輸入允許的網域名稱（每行一個）
- 系統會在提交時驗證電子郵件網域。
- 只接受符合的域名
- 清晰的被拒網域錯誤訊息
常見用例：
公司信箱專用：
僅允許使用 `@yourcompany.com` 電子郵件地址提交內部表格、員工調查或員工註冊資訊。
教育機構：
僅限學生使用 `@university.edu` 提交表格、校園調查或學術註冊申請。
多方合作夥伴：
允許使用多個域名，例如 `company1.com`、`company2.com`、`partner3.com`，用於合作夥伴入口網站或 B2B 表單。
已驗證的組織：
將特定組織列入白名單，以便其提供僅限會員存取的內容、獨家優惠或經過驗證的存取權限。
例子：
- 員工回饋：僅限 `yourcompany.com`
- 學生入口網站：`school.edu`、`university.edu`
- 合作夥伴註冊：`partner1.com, partner2.com, partner3.com`
- 會員存取：`org1.org, org2.org, nonprofit.org`
為妳而設的優點:
- 確保提交內容合法有效
- 防止未經授權的訪問
- 驗證組織隸屬關係
- 減少來自公開電子郵件的垃圾郵件
- 控制對受限表單的訪問
🔄 瀏覽器自動補全
更快捷的電子郵件輸入：
啟用「允許瀏覽器建議」功能，瀏覽器即可建議先前使用過的電子郵件地址。使用者只需單擊即可從已儲存的電子郵件地址中進行選擇。
如何使用：
瀏覽器辨識電子郵件字段
建議已儲存的電子郵件地址
用戶點擊建議進行自動填充
立即完成表單
為妳而設的優點:
更快的表單填寫速度（點擊即可完成，無需手動輸入）
減少拼字錯誤（無需手動輸入）
改善用戶體驗
更高的完成率
在行動裝置上尤其有用
隱私友善：
使用者可控制瀏覽器所儲存的內容。自動完成功能尊重瀏覽器的隱私設定和使用者偏好。
何時啟用：
聯絡表單（回頭客）
訂閱電子報（舊用戶）
快速查詢表格
可重複使用的公開表單
何時禁用：
敏感註冊
共享電腦場景
高安全性表格
需要手動輸入電子郵件地址時
✉️ 內建電子郵件驗證
自動格式檢查：
電子郵件欄位內建 HTML5 驗證功能。瀏覽器會在提交前自動驗證電子郵件格式。
驗證規則：
必須包含 `@` 符號
`@` 之前必須有文字（使用者名稱）
`@` 後面必須有域名
必須具有有效的網域後綴（.com、.org 等）
不包含空格或無效字符
實時反饋：
瀏覽器會顯示驗證訊息，例如「請在電子郵件地址中包含‘@’」或「請在‘@’後輸入電子郵件地址」。
已發現的常見錯誤：
缺少“@”：“useremailcom”✗
缺少網域名稱：`user@` ✗
缺少副檔名：`user@domain` ✗
空格：`[email protected]` ✗
無效字元：`user@@email.com` ✗
有效的電子郵件格式：
`[email protected]`，`[email protected]`，`[email protected]` ✓
📝 預設電子郵件值
預先填寫電子郵件地址：
設定表單載入時顯示的預設電子郵件地址。這對於客服郵件、預設聯絡人或簡報表單非常有用。
用例：
- 預先填寫支援郵箱地址，以便回撥要求
- 顯示範例電子郵件格式（[email protected])
- 從資料庫中設定已知使用者的電子郵件
- 組織的預設聯絡人
可編輯：
使用者可以輕鬆更改或替換預設值。這只是一個起點，並非最終版本。
🎯 提升使用者體驗
內建智慧功能：
- 電子郵件專用鍵盤 – 行動裝置會顯示具有 @ 和 . 鍵的最佳化鍵盤。
- 自動完成屬性 – 適用於電子郵件欄位的 HTML5 自動完成功能
- 去除空白 – 自動刪除意外空格
- 小寫轉換 – 為保持一致性，可選擇轉換為小寫。
- 視覺驗證－顏色編碼回饋，用於確認匹配
- 清晰的錯誤訊息 – 具體驗證回饋
- 必填驗證－強制輸入電子郵件地址
- 說明文字支援 – 新增電子郵件格式提示
- 自訂 CSS 類別 – 應用自訂樣式
- 輔助使用支援 – 支援 ARIA 標籤，相容於螢幕閱讀器
- 佔位符文字 – 顯示電子郵件格式提示
- 支援複製貼上－完整電子郵件地址可直接貼上。
🔀 條件邏輯
動態電子郵件欄位可見性：
根據表單其他值顯示或隱藏電子郵件欄位。僅在相關時顯示電子郵件集合。
高階邏輯規則：
- 與邏輯－所有條件必須滿足
- 邏輯或 – 任何條件都可以觸發該操作
- 8 個運算子－等於、不等於、大於、小於、包含、為空等等
用例：
- 僅當客戶類型為“企業”時才顯示“企業郵箱”
- 當使用者勾選「新增備用聯絡人」時，顯示「備用郵箱」。
- 當註冊類型為「企業」時，顯示「公司信箱」。
- 當聯絡方式設定為「僅限電話」時，隱藏「個人電子郵件」。
三步驟輕鬆完成設定
幾分鐘即可準備好您的電子郵件字段
新增電子郵件字段
將「電子郵件」欄位從「基本欄位」部分拖曳到表單中。
啟用確認（可選）
勾選「新增確認欄位」可要求雙重驗證，防止關鍵表單出現拼字錯誤。
配置限制（可選）
啟用僅限公司電子郵件的網域限制，開啟瀏覽器自動完成功能以便於使用，並根據需要設定預設值。
🎉 搞定！您的電子郵件欄位已準備就緒，具備智慧驗證和拼字錯誤預防功能。
實際應用
聯繫表格
* 一般諮詢郵件
* 支援請求聯絡方式
* 聯絡資訊收集
* 回撥請求郵件
用戶註冊
* 帳戶建立郵件
* 登入憑證電子郵件
* 密碼重設郵件
* 驗證電子郵件地址
新聞簡報及行銷
* 訂閱電子報郵件
* 行銷選擇加入收集
* 電子郵件行銷活動註冊
* 促銷郵件收集
電子商務
* 訂單確認郵件
* 收據送達郵件
* 出貨通知郵件
* 客戶帳號電子郵件
商業應用
* 詢價郵件
* 提案通知郵件
專案溝通郵件
* 客戶聯絡資訊收集
教育與活動
* 活動註冊郵件
* 課程註冊郵件
* 網路研討會通知郵件
* 證書發送郵件
完整欄位選項
基本配置
- 欄位標籤 – 顯示在電子郵件欄位上方的標題
- 描述/幫助文本 – 為使用者提供的額外指導
- 必填欄位 – 強制輸入電子郵件地址
- 佔位符文字 – 使用者輸入前顯示的提示（例如，“[email protected]“）
默認值
預設值 – 表單載入時預先填入的電子郵件地址
郵件確認
- 新增確認字段 – 新增第二個字段，使用者必須在此字段中再次輸入電子郵件地址，以防止輸入錯誤。
- 自動驗證兩個條目是否匹配
- 顯示即時顏色編碼回饋
- 封鎖表單提交，直到電子郵件地址符合為止。
瀏覽器整合
允許瀏覽器建議 – 允許瀏覽器建議先前使用過的電子郵件地址，以便更快完成填寫
域名限制
限制允許的電子郵件網域 – 僅接受來自特定網域的電子郵件地址（例如，僅接受公司電子郵件）
- 允許的電子郵件網域 – 請將每個允許的網域另起一行輸入（不含 @ 符號）
- 例如：`gmail.com`、`outlook.com`、`yourcompany.com`
- 每行一個域名
- 系統會在提交時驗證網域名稱。
條件邏輯
- 啟用條件邏輯－根據條件顯示/隱藏
- 邏輯類型
- 所有條件必須滿足（並且）
- 任何條件均可滿足（或）
- 條件規則
- 顯示/隱藏 – 要採取的動作
- 字段 – 要檢查哪個字段
- 運算子 – 等於、不等於、包含、大於、小於、為空、不為空
- 價值 – 比較值
- 多重條件 – 新增無限條規則
高級選項
- 隱藏欄位 – 將欄位設為不可見，但仍會在提交內容中包含電子郵件地址。
- 自訂 CSS 類別 – 應用自訂樣式
- 輔助使用屬性 – 螢幕閱讀器的 ARIA 標籤
- 文字轉換 – 可選的小寫轉換
- 空格修剪 – 自動刪除空格
為什麼選擇我們的郵箱地址？
✅ 拼字錯誤預防 -
確認欄位確保準確收集電子郵件地址。
✅ 域名限制 -
將特定網域列入白名單以進行受控訪問
✅ 瀏覽器自動補全 -
使用已儲存的電子郵件建議可以更快地輸入訊息
✅ 內建驗證 – HTML5 電子郵件格式自動檢查
✅ 移動優化 – 行動裝置上的電子郵件專用鍵盤
✅ 視覺反饋 – 即時配對驗證以確認
✅ 減少垃圾郵件 網域限制可防止虛假電子郵件。
✅ 用戶友好 清晰的驗證資訊和提示
✅ 一體式電流探棒 – 與所有表單功能無縫協作
常見問題
Q：電子郵件確認欄位是做什麼用的？
它增加了一個「確認郵箱」字段，使用者必須在此重新輸入郵箱地址。這樣可以防止拼字錯誤，例如… [email protected] 而不是 gmail.com。兩個欄位必須匹配才能提交。
Q：域名限制是如何運作的？
啟用此功能並輸入允許的網域名稱（每行一個），例如 yourcompany.com。僅接受以這些網域結尾的電子郵件。
Q：我可以允許多個網域嗎？
是的。您可以輸入多個域名，每行一個，例如 company1.com、company2.com、partner.com。任何一個域名都會被接受。
Q：所有表格都應該使用電子郵件確認嗎？
將其用於重要的表單，例如註冊表單、訂單或活動門票。對於簡單的諮詢表單，為了加快使用者操作速度，請跳過此步驟。
Q：「允許瀏覽器建議」有什麼作用？
它支援瀏覽器自動補全功能，使用者可以從已儲存的電子郵件地址中選擇，而無需手動輸入。
Q：使用者可以繞過郵箱驗證嗎？
不。瀏覽器會自動強制執行電子郵件格式規則，阻止諸如 user@ 或 @domain.com 之類的錯誤格式。
Q：如何只接收公司郵件？
啟用「限制允許的電子郵件網域」並輸入您的公司網域。系統將只接受使用該網域的電子郵件。
Q：確認欄位是否顯示在同一行？
不，它顯示在主電子郵件欄位的正下方，標籤為「確認電子郵件」。
Q：手機上顯示的是什麼鍵盤？
行動裝置會顯示一個方便電子郵件使用的鍵盤，其中包含 @ 符號、句點和常用網域快捷鍵。
Q：我可以使用帶有條件邏輯的電子郵件欄位嗎？
是的。您可以根據使用者的選擇，使用「為空」、「不為空」或「等於」等條件來顯示或隱藏電子郵件欄位。
Q：如果網域不匹配會發生什麼事？
用戶會收到類似這樣的訊息：“電子郵件網域未被允許。請使用已批准的網域名稱。”
Q：出於安全考慮，我應該啟用自動完成功能嗎？
視情況而定。在公用表單上啟用此功能可方便使用。在共享或敏感系統中停用此功能，以便手動輸入。
