电子邮件字段
轻松收集电子邮件地址。从联系表单到需要双重确认的注册流程、域名限制和浏览器自动填充功能——电子邮件字段内置验证和拼写错误预防功能,可准确收集电子邮件地址。
专业电子邮件收集与智能验证
完美的:
适用于各种用例的强大功能
✅ 电子邮件确认字段
防止重复输入错误:
添加第二个“确认邮箱”字段,用户必须在此重新输入邮箱地址。这可以防止输入错误,确保准确收集邮箱地址。
如何使用:
- 主邮箱字段显示在最前面
- 下方会显示“确认电子邮件”字段。
- 系统验证两个条目是否匹配
- 视觉反馈显示匹配状态(绿色=匹配,红色=不匹配)
- 表单只有在电子邮件地址匹配后才能提交。
为什么要使用确认功能:
- 防止代价高昂的拼写错误([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 电子邮件格式自动检查
✅ 移动优化 – 移动设备上的电子邮件专用键盘
✅ 视觉反馈 – 实时匹配验证以确认
✅ 减少垃圾邮件 域名限制可防止虚假电子邮件。
✅ 用户友好 清晰的验证信息和提示
✅ 完全集成 – 与所有表单功能无缝协作
常見問題解答
问:电子邮件确认字段是做什么用的?
它增加了一个“确认邮箱”字段,用户必须在此重新输入邮箱地址。这样可以防止出现拼写错误,例如…… [email protected] 而不是 gmail.com。两个字段必须匹配才能提交。
问:域名限制是如何运作的?
启用此功能并输入允许的域名(每行一个),例如 yourcompany.com。仅接受以这些域名结尾的电子邮件。
问:我可以允许多个域名吗?
是的。您可以输入多个域名,每行一个,例如 company1.com、company2.com、partner.com。任何一个域名都会被接受。
问:所有表格都应该使用电子邮件确认吗?
将其用于重要的表单,例如注册表单、订单或活动门票。对于简单的咨询表单,为了加快用户操作速度,请跳过此步骤。
问:“允许浏览器建议”有什么作用?
它支持浏览器自动补全功能,用户可以从已保存的电子邮件地址中选择,而无需手动输入。
问:用户可以绕过邮箱验证吗?
不。浏览器会自动强制执行电子邮件格式规则,阻止诸如 user@ 或 @domain.com 之类的错误格式。
问:如何只接收公司邮件?
启用“限制允许的电子邮件域名”并输入您的公司域名。系统将只接受使用该域名的电子邮件。
问:确认字段是否显示在同一行?
不,它显示在主电子邮件字段的正下方,标签为“确认电子邮件”。
问:手机上显示的是什么键盘?
移动设备会显示一个便于电子邮件输入的键盘,其中包含 @ 符号、句点和常用域名快捷键。
问:我可以使用带有条件逻辑的电子邮件字段吗?
是的。您可以根据用户的选择,使用“为空”、“不为空”或“等于”等条件来显示或隐藏电子邮件字段。
问:如果域名不匹配会发生什么?
用户会收到类似这样的消息:“电子邮件域名未被允许。请使用已批准的域名。”
问:出于安全考虑,我应该启用自动完成功能吗?
视情况而定。在公共表单上启用此功能可方便使用。在共享或敏感系统中禁用此功能,以便手动输入。