文本输入字段

适用于 WordPress 表单的多功能文本集合

精准灵活地采集文本。从简单的姓名到复杂的模式,内置验证、智能格式化和强大的自定义功能——文本输入字段可适应任何使用场景,并具备字符限制、自动格式化和安全密码模式。

文本域

每个 WordPress 表单的基础

Auto Form Builder Pro 中的文本输入字段功能最为强大。您可以精确控制用户可输入的文本内容,包括长度限制、验证模式、自动转换和密码掩码。它非常适合用于输入姓名、地址、用户名、代码、备注以及任何文本数据。

完美的:

  • 姓名栏(名、姓、全名)
  • 用户名和密码输入
  • 地址行和位置数据
  • 电话号码和联系方式
  • 参考代码和ID
  • 评论和短消息
  • 自定义文本条目

适用于各种用例的强大功能

📏 智能长度控制

最小和最大字符数限制
设置允许输入的最短和最长文本。通过内置的浏览器验证功能,防止提交过短或过长的文本。

实时验证
如果用户提交的作品不符合篇幅要求,他们会立即收到反馈——提交后不会有任何意外。

例子:

  • 用户名:最少 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 标签
  • 移动端优化——支持触控输入,并配备合适的键盘

三步简单设置

几分钟即可准备好您的文本输入字段

1
🎯

添加文本字段

将“基本字段”部分中的“文本输入”字段拖放到表单中。

2
⚙️

设置验证和限制

选择验证类型(电子邮件、URL、字母等),设置最小/最大字符限制,并可选择启用密码模式或空格修剪。

3

配置格式

选择移动端优化的输入类型,选择文本转换(大写、小写等),并设置默认值或占位符。

???? 搞定!您的文本字段已完成智能验证和格式设置。

实际应用

应用

用户注册

* 用户名字段有长度限制
* 带掩码的密码输入
* 名称字段采用首字母大写格式
* 已验证的电子邮件地址

联系表

联系表

* 全名(含称谓大小写)
* 电子邮件验证
* 带电话号码输入框的电话号码
* 留言/评论字段

产品选择

电子商务管理

* 输入促销代码(大写)
* 礼品留言栏
* 特殊说明
* 发货说明

专业应用

商业应用

* 员工编号
* 部门名称
* 参考编号
* 内部代码

申请表格

申请与注册

* 驾照号码
* 认证代码
* 会员ID
* 自定义标识符

搜索和过滤

搜索和过滤

* 带有清除按钮的搜索输入框
* 筛选文本字段
* 关键词条目
* 查询输入

完整字段选项

基本配置

  • 字段标签 – 显示在文本字段上方的标题
  • 描述/帮助文本 – 为用户提供的额外指导
  • 必填字段 – 将文本输入设为必填
  • 占位符文本 – 用户输入前的提示文本

长度验证

  • 最小长度 – 允许的最少字符数(验证)
  • 最大长度 – 允许的字符数(硬性限制)

默认值

  • 默认值 – 表单加载时预填充的文本
  • 隐藏值 – 隐藏字段的值(启用隐藏模式时)

安全与隐私

  • 密码字段 – 将输入内容作为密码(显示点 •••)
    隐藏字段 – 将字段设为不可见,但仍包含在提交内容中。

数据质量

去除空格 – 自动移除开头和结尾的多余空格

验证规则

  • 验证类型
  • 无(任何文本)
  • 电子邮件 ([email protected])
  • 网址(https://example.com)
  • 仅限字母(仅限 AZ)
  • 仅限数字(0-9)
  • 字母数字(AZ 和 0-9)
  • 自定义模式(正则表达式)
  • 自定义模式 – 用于自定义验证的正则表达式(选择“自定义”时)

输入类型

  • 输入类型
  • 普通文本
  • 搜索(带清除按钮)
  • 电话(手机上的数字键盘)
  • URL(专用移动键盘)

文字格式

  • 文本变换
  • 无变化
  • 大写
  • 小写
  • 首字母大写
  • 标题案例

条件逻辑

  • 启用条件逻辑——根据条件显示/隐藏
  • 逻辑类型
  • 所有条件必须满足(并且)
  • 任何条件均可满足(或)
  • 条件规则
  • 显示/隐藏 – 要采取的操作
  • 字段 – 要检查哪个字段
  • 运算符 – 等于、不等于、包含、大于、小于、为空、不为空
  • 价值 – 比较值
  • 多重条件 – 添加无限条规则

高级选项

  • 自定义 CSS 类 – 应用自定义样式
  • 辅助功能属性 – ARIA 标签和描述
自动表单生成器 - 演示

为什么选择我们的文本输入框?

✅ 用途广泛——适用于姓名、代码、密码以及介于两者之间的任何内容。
✅ 智能验证 – 6 种以上的验证模式以及自定义正则表达式
✅ 移动设备优化 – 为每种输入法配备合适的键盘
✅ 自动格式化 – 文本转换自动进行
✅ 安全 – 密码模式可保护敏感信息
✅ 清理数据 – 去除空格可防止常见错误
✅ 灵活 – 隐藏字段、默认值、条件逻辑
✅ 用户友好 – 清晰的验证信息引导用户
✅ 完全集成 – 与所有表单功能无缝协作

常見問題解答

问:最小/最大长度和验证之间有什么区别?

最小/最大长度控制允许的字符数。验证控制允许的字符类型,例如仅限字母、仅限数字或电子邮件格式。

问:我可以同时验证长度和格式吗?

是的。可以将最小/最大长度与验证规则结合起来。例如,用户名字段可以设置最小长度为 3 个字符,最大长度为 15 个字符,并验证是否仅包含字母数字。

问:密码模式是如何工作的?

密码模式会用点号遮盖字符,就像登录屏幕上的典型密码字段一样。

问:`trim whitespace` 的作用是什么?

它会在提交前删除开头和结尾的空格,这样就不会因为意外的空格而导致验证失败。

问:我可以创建自定义验证模式吗?

是的。使用“自定义模式”并添加正则表达式来强制执行所需的任何结构。

问:文本转换是如何工作的?

用户正常输入文本,系统会在提交时转换文本,例如转换为首字母大写或大写。

问:搜索输入类型是做什么用的?

它增加了一个内置的清除(X)按钮,以便用户在搜索时可以立即重置字段。

问:为什么要使用“tel”输入类型?

在移动设备上,它会打开数字键盘,方便输入电话式数字。

问:文本字段可以使用条件逻辑吗?

是的。“包含”、“等于”或“为空”等条件可以根据用户输入显示或隐藏字段。

问:隐藏字段有什么用途?

它们存储数据,但用户看不到这些数据,这对于跟踪元数据(例如 UTM 标签或引荐来源)非常有用。

问:文本框可以输入数字吗?

是的,但请使用“数字”字段进行计算或数值验证。当您需要输入不应被视为数字的代码或 ID 时,请使用“仅限数字”的文本字段。

问:正则表达式模式的精确度能有多高?

正则表达式可以强制执行极其特定的模式。如果您需要构建或验证复杂的模式,请使用正则表达式测试器。

准备好智能地收集文本数据了吗?

使用智能验证、自动格式化和灵活的文本输入功能,开始构建强大的 WordPress 表单。