文本输入字段
精准灵活地采集文本。从简单的姓名到复杂的模式,内置验证、智能格式化和强大的自定义功能——文本输入字段可适应任何使用场景,并具备字符限制、自动格式化和安全密码模式。
每个 WordPress 表单的基础
完美的:
适用于各种用例的强大功能
📏 智能长度控制
最小和最大字符数限制
设置允许输入的最短和最长文本。通过内置的浏览器验证功能,防止提交过短或过长的文本。
实时验证
如果用户提交的作品不符合篇幅要求,他们会立即收到反馈——提交后不会有任何意外。
例子:
- 用户名:最少 3 个字符,最多 20 个字符
- 邮政编码:最少 5 个字符,最多 10 个字符
- 名称:最少 2 个字符,最多 50 个字符
- 评论:最多 500 个字符
为何重要:
控制数据质量,防止垃圾邮件,确保数据库兼容性,并引导用户提供适量的信息。
✅ 内置验证模式
6 种预配置的验证类型:
- 1. 无 – 接受任何文本(默认)
2. 电子邮件 – 验证电子邮件格式是否正确([email protected])
3. URL – 需要有效的网址(https://example.com)
4. 仅限字母 – 仅包含字母和空格(John Doe)
5. 仅限数字 – 仅数字(123456)
6. 字母数字 – 字母和数字,不含特殊字符(User123)
另加自定义图案:
- 为特定格式(例如:)定义您自己的正则表达式验证。
- 车牌:`^[AZ]{3}[0-9]{4}$`
- 产品代码:`^[AZ]{2}[0-9]{6}$`
- 专为您的企业定制的格式
即时反馈:
如果用户的输入格式不符合要求,用户将看到清晰的错误信息。
✂️ 自动留白修剪
自动清理数据
删除文本条目开头和结尾的多余空格。避免出现“John”而不是“John”。
用例:
- 电子邮件地址(不含尾随空格)
- 用户名(不含前导空格)
- 参考代码(完全匹配)
- 任何需要精准度的领域
优点:
减少用户错误,提高数据一致性,防止验证问题,简化匹配和搜索。
🔒 密码模式
安全输入掩码
将任何文本字段转换为密码字段。字符将显示为点 (•••),以防止敏感信息被他人窥视。
完美:
- 密码和PIN码输入
- 安全码和令牌
- 机密ID号码
- 双因素身份验证码
明智的行为:
密码模式会自动禁用文本转换和特殊输入类型等冲突功能,以确保安全性。
📱 智能输入类型
针对移动设备和桌面设备进行了优化:
- 普通文本 – 通用标准文本输入
- 搜索功能 – 内置清除按钮 (X),可快速重置
- 电话 – 触发移动设备上的数字键盘,方便输入电话号码
- URL – 显示带有 .com、.org 快捷键的专用移动键盘
为何重要:
正确的输入方式可以加快移动设备上的数据输入速度,减少错误,并改善所有设备上的用户体验。
🎨 自动文本转换
用户输入时自动格式化文本:
- 不进行任何转换——文本保持原样
- 大写字母 – 将所有文本转换为大写字母(JOHN DOE)
- lowercase – 将所有文本转换为小写(例如:john doe)
- 首字母大写——仅首字母大写(例如 John doe)
- 标题大小写——每个单词的首字母(John Doe)
完美:
- 大写字母:车牌号、州代码、产品ID
- 小写:电子邮件地址、用户名
- 句子开头和单个人名首字母要大写。
- 标题大小写:全名、地址、头衔
明智的行为:
提交过程中会自动进行转换,用户可以看到他们原始的输入内容。
🙈 隐藏领域模式
不可见数据字段
创建用户不可见但随表单提交数据的字段。非常适合用于跟踪、推荐码和系统值。
用例:
- UTM跟踪参数
- 推荐来源 ID
- 表单版本号
- 时间戳标记
- 隐藏元数据
如何使用:
设置“隐藏值”,它将自动包含在每次表单提交中,而不会使表单的用户界面变得杂乱。
🔀 条件逻辑
动态场可见性
根据表单其他值显示或隐藏文本字段。创建能够适应用户输入的智能表单。
高级逻辑规则:
- 与逻辑——所有条件必须满足
- 逻辑或 – 任何条件都可以触发该操作
- 8 个运算符——等于、不等于、大于、小于、包含、为空等等
用例:
- 仅当用户类型为“企业”时才显示“公司名称”
- 当“您是如何得知我们的?”包含“推荐”字样时,显示“推荐来源”。
- 当主要选项不为空时,隐藏“其他详细信息”。
- 订单金额超过100美元时显示“促销代码”。
🎯 提升用户体验
内置智能功能:
- 默认值 – 预填充字段以加快填写速度
- 占位符文本 – 在用户输入之前显示实用提示
- 帮助文本 – 添加描述以明确需要输入的内容
- 必填验证——使用清晰的指示符将字段设为必填项。
- 自定义 CSS 类 – 应用自定义样式以匹配您的品牌
- 辅助功能支持 – 屏幕阅读器的 ARIA 标签
- 移动端优化——支持触控输入,并配备合适的键盘
三步简单设置
几分钟即可准备好您的文本输入字段
添加文本字段
将“基本字段”部分中的“文本输入”字段拖放到表单中。
设置验证和限制
选择验证类型(电子邮件、URL、字母等),设置最小/最大字符限制,并可选择启用密码模式或空格修剪。
配置格式
选择移动端优化的输入类型,选择文本转换(大写、小写等),并设置默认值或占位符。
???? 搞定!您的文本字段已完成智能验证和格式设置。
实际应用
完整字段选项
基本配置
- 字段标签 – 显示在文本字段上方的标题
- 描述/帮助文本 – 为用户提供的额外指导
- 必填字段 – 将文本输入设为必填
- 占位符文本 – 用户输入前的提示文本
长度验证
- 最小长度 – 允许的最少字符数(验证)
- 最大长度 – 允许的字符数(硬性限制)
默认值
- 默认值 – 表单加载时预填充的文本
- 隐藏值 – 隐藏字段的值(启用隐藏模式时)
安全与隐私
- 密码字段 – 将输入内容作为密码(显示点 •••)
隐藏字段 – 将字段设为不可见,但仍包含在提交内容中。
数据质量
去除空格 – 自动移除开头和结尾的多余空格
验证规则
- 验证类型
- 无(任何文本)
- 电子邮件 ([email protected])
- 网址(https://example.com)
- 仅限字母(仅限 AZ)
- 仅限数字(0-9)
- 字母数字(AZ 和 0-9)
- 自定义模式(正则表达式)
- 自定义模式 – 用于自定义验证的正则表达式(选择“自定义”时)
输入类型
- 输入类型
- 普通文本
- 搜索(带清除按钮)
- 电话(手机上的数字键盘)
- URL(专用移动键盘)
文字格式
- 文本变换
- 无变化
- 大写
- 小写
- 首字母大写
- 标题案例
条件逻辑
- 启用条件逻辑——根据条件显示/隐藏
- 逻辑类型
- 所有条件必须满足(并且)
- 任何条件均可满足(或)
- 条件规则
- 显示/隐藏 – 要采取的操作
- 字段 – 要检查哪个字段
- 运算符 – 等于、不等于、包含、大于、小于、为空、不为空
- 价值 – 比较值
- 多重条件 – 添加无限条规则
高级选项
- 自定义 CSS 类 – 应用自定义样式
- 辅助功能属性 – ARIA 标签和描述

为什么选择我们的文本输入框?
✅ 用途广泛——适用于姓名、代码、密码以及介于两者之间的任何内容。
✅ 智能验证 – 6 种以上的验证模式以及自定义正则表达式
✅ 移动设备优化 – 为每种输入法配备合适的键盘
✅ 自动格式化 – 文本转换自动进行
✅ 安全 – 密码模式可保护敏感信息
✅ 清理数据 – 去除空格可防止常见错误
✅ 灵活 – 隐藏字段、默认值、条件逻辑
✅ 用户友好 – 清晰的验证信息引导用户
✅ 完全集成 – 与所有表单功能无缝协作
常見問題解答
问:最小/最大长度和验证之间有什么区别?
最小/最大长度控制允许的字符数。验证控制允许的字符类型,例如仅限字母、仅限数字或电子邮件格式。
问:我可以同时验证长度和格式吗?
是的。可以将最小/最大长度与验证规则结合起来。例如,用户名字段可以设置最小长度为 3 个字符,最大长度为 15 个字符,并验证是否仅包含字母数字。
问:密码模式是如何工作的?
密码模式会用点号遮盖字符,就像登录屏幕上的典型密码字段一样。
问:`trim whitespace` 的作用是什么?
它会在提交前删除开头和结尾的空格,这样就不会因为意外的空格而导致验证失败。
问:我可以创建自定义验证模式吗?
是的。使用“自定义模式”并添加正则表达式来强制执行所需的任何结构。
问:文本转换是如何工作的?
用户正常输入文本,系统会在提交时转换文本,例如转换为首字母大写或大写。
问:搜索输入类型是做什么用的?
它增加了一个内置的清除(X)按钮,以便用户在搜索时可以立即重置字段。
问:为什么要使用“tel”输入类型?
在移动设备上,它会打开数字键盘,方便输入电话式数字。
问:文本字段可以使用条件逻辑吗?
是的。“包含”、“等于”或“为空”等条件可以根据用户输入显示或隐藏字段。
问:隐藏字段有什么用途?
它们存储数据,但用户看不到这些数据,这对于跟踪元数据(例如 UTM 标签或引荐来源)非常有用。
问:文本框可以输入数字吗?
是的,但请使用“数字”字段进行计算或数值验证。当您需要输入不应被视为数字的代码或 ID 时,请使用“仅限数字”的文本字段。
问:正则表达式模式的精确度能有多高?
正则表达式可以强制执行极其特定的模式。如果您需要构建或验证复杂的模式,请使用正则表达式测试器。