Tips & Tricks

如何向 PDF 表单添加交互式按钮

除了文本字段和复选框之外什么都没有的可填写PDF 表单 是功能性的但静态的。添加交互式按钮可将平面表单转换为可导航的响应式文档,引导用户浏览各个部分,自动执行计算,并通过单击提交完整的数据,而不需要用户手动保存和通过电子邮件发送文件。按钮可以将所有表单字段重置为其默认值、打印完成的文档、在多页表单的各个部分之间导航用户、触发自定义计算以及将表单数据发送到 Web 服务器或电子邮件地址。添加它们的过程需要支持完整 Acrobat Forms 规范的 PDF 编辑器,因为基本编辑器通常将表单构建仅限于文本字段和复选框。

How to Add Interactive Buttons to a PDF Form

选择正确的 PDF 编辑器来创建按钮

并非每个 PDF 编辑器都支持 PDF 规范中定义的完整按钮操作集。 Adobe Acrobat Pro 提供最全面的按钮工具集,包括用于高级行为(例如字段验证和条件可见性)的 JavaScript 触发器。基于浏览器的 PDF 编辑器在这一领域有了显着改进,其中一些编辑器现在提供按钮插入功能,作为其表单构建工具包的一部分,以及标准文本和复选框字段。选择工具时,请确认它专门支持按钮字段类型,而不仅仅是文本字段和复选框。仅提供文本输入字段和基本注释工具的表单工具无法创建功能性交互按钮。

对于不需要安装软件的基于浏览器的替代方案,WukongPDF等平台包含表单字段工具,涵盖最常见的按钮操作,例如页面导航、表单提交和字段重置。基于浏览器的工具的优点是可以跨设备立即访问,无需安装或许可开销。桌面应用程序仍然更适合复杂的 JavaScript 驱动按钮,这些按钮验证跨多个字段的用户输入或基于表单值执行条件逻辑,因为这些高级脚本需要完整的 Acrobat JavaScript API。

WukongPDF

尝试编辑 PDF

无需安装。直接在您的浏览器中工作。

立即开始 →

在页面之间添加导航按钮

导航按钮是适用于多页表单的交互式 PDF 按钮中最实用且受广泛支持的类型。 “转到下一页”按钮和“转到上一页”按钮使用户无需手动滚动或滑动冗长的表单,这对于 PDF 查看器界面已占据大量屏幕空间的移动设备特别有用。要添加导航按钮,请打开表单编辑器,从表单字段工具栏中选择“按钮”工具,然后在页面上应显示按钮的位置绘制一个矩形。在按钮属性对话框中,找到“操作”选项卡,添加设置为“鼠标松开”的新操作触发器,然后根据编辑器支持的内容选择“执行菜单项”或“运行 JavaScript”。对于下一页按钮,最简单的 JavaScript 操作是单个语句 this.pageNum++,它会增加当前页码。

使用清晰、面向操作的文本标记按钮。像“下一页”这样的标签或普遍认可的右箭头图标可以让用户立即、明确地预期点击后会发生什么。在属性对话框的“选项”选项卡下设置按钮外观。选择与页面内容形成明显对比的背景颜色,添加明显的边框来定义可点击区域,并将字体大小设置得足够大,以便在手机屏幕上舒适地阅读和点击。在标准信纸大小的页面上,按钮的宽度应至少为 100 像素,高度至少为 40 像素,以提供舒适的触摸目标。

为表单数据创建提交按钮

“提交”按钮将填写的表单数据发送到配置的目的地,从而关闭用户填写表单和数据到达需要的位置之间的循环。在按钮属性“操作”选项卡中,从操作类型下拉列表中选择“提交表单”。然后配置提交URL。要通过电子邮件发送填写完毕的表单,请输入 mailto:address@example.com 作为 URL。用户的默认电子邮件客户端将打开,并附有表单数据。对于服务器端处理,输入完整的 HTTPS 端点 URL,该端点将根据您的后端配置接收并解析表单数据负载。

导出格式设置确定提交的数据的结构以及接收者将如何与其交互。 FDF(表单数据格式)仅发送字段名称及其当前值,从而生成紧凑的有效负载,接收者可以将其导入回原始空白表单模板,以在上下文中查看填充的数据。 XFDF 是同一概念的基于 XML 的版本,更易于自动化系统解析。 HTML 将数据导出为简单的名称/值对,无需特殊工具即可在任何浏览器中读取。 PDF 导出文档的完整填充副本,其中填充了所有字段。根据收件人处理提交的方式选择格式。为了自动摄取到数据库或 CRM 系统中,HTML 或 XFDF 通常最容易以编程方式进行解析。对于需要查看填写的表单的人类收件人来说,发送完整的 PDF 是最实用且独立的选项。

构建重置按钮以清除所有字段

重置按钮可通过单个操作将每个表单字段清除回默认或空状态,让用户完全重新开始,而无需从每个单独的字段中手动选择和删除文本。在按钮“操作”选项卡中,从操作类型列表中选择“重置表单”。将出现一个对话框,列出文档中的每个表单字段。选中单击按钮时应重置的字段旁边的框。通常,您选择所有用户可填写的字段,但在某些合法情况下,某些字段应在重置后保留下来。当用户重置其个人条目时,日期戳字段、预先填写的公司名称或文档参考号不应被清除。

“重置”按钮在视觉上应与“提交”按钮不同,以防止因意外点击而造成高昂代价。使用中性、低强调色(如浅灰色或带有细边框的白色)进行“重置”,并为“提交”保留粗体、高对比度的颜色(如蓝色或绿色)。将“重置”按钮放置在“提交”左侧,遵循既定的 Web 和应用程序约定,即主要向前移动操作显示在右侧,次要或破坏性操作显示在左侧。这种空间布局显着降低了用户在花费十分钟填写详细表单后打算单击“提交”时单击“重置”的机会。

跨不同 PDF 查看器测试按钮

在 Adobe Acrobat 中完美运行的按钮可能在基于浏览器的 PDF 查看器、移动 PDF 应用程序或 Mac 上的预览应用程序中完全不起作用。每个查看器以不同的方式实现 PDF 交互规范,并且一些查看器完全出于安全或兼容性原因而完全忽略某些操作类型。使用按钮构建交互式 PDF 表单后,至少在三个不同的环境中测试每个按钮:台式计算机上的 Adobe Acrobat Reader、Chrome 或 Edge 中的默认浏览器 PDF 查看器以及移动 PDF 应用程序,例如 Apple Books 或适用于 iOS 或 Android 的 Adobe Acrobat Reader。

下表总结了常见 PDF 查看环境支持的按钮操作:

按钮操作Acrobat 桌面镀铬/边缘移动应用
页面导航全力支持全力支持部分的
提交表单数据全力支持部分的有限的
重置表单字段全力支持全力支持全力支持
打印文件全力支持部分的有限的

对于需要执行 JavaScript 的按钮,请注意,作为安全措施,大多数基于浏览器的 PDF 查看器都完全禁用 JavaScript。如果您的表单依赖 JavaScript 按钮进行字段验证或复杂计算,请在表单顶部附近添加可见注释,指示用户在 Adobe Acrobat Reader 中打开文档以获得完整的交互功能。

添加打印按钮以保存纸质记录

直接嵌入表单中的“打印”按钮会触发系统打印对话框,这对于在数字完成后需要物理签名或纸质副本的表单非常有用。操作类型是“执行菜单项”,要选择的特定菜单项是“文件”和“打印”。这是一个内置的 Acrobat 操作,不需要 JavaScript 编码,因此与支持菜单执行操作类型的所有主要 PDF 查看器兼容。

将“打印”按钮放置在远离主“提交”和“重置”按钮的位置,以避免混淆。常见的布局将“打印”放置在第一页的页眉区域或顶部的工具栏行中,而“提交”和“重置”则占据最后一页的页脚区域。这种物理分离使每个按钮的不同用途通过空间设计变得清晰,而不是仅仅依赖于文本标签。

向表单按钮添加工具提示和悬停文本

工具提示提供了当用户将光标悬停在按钮上时出现的简短说明。这一小小的补充显着提高了表单的可用性,特别是对于带有仅图标标签的按钮或分发给可能不熟悉 PDF 交互功能的用户的表单。在按钮属性对话框中,找到常规选项卡并查找工具提示字段。输入简短的、以行动为导向的描述,例如“单击以发送填写完毕的表格”或“转到申请的下一部分”。将工具提示控制在 60 个字符以内,以便它在大多数屏幕上完整显示而不会被截断。

跨查看器测试工具提示与测试按钮操作本身同样重要。某些移动 PDF 查看器根本不支持悬停状态,因为触摸屏没有悬停状态。对于主要分发给移动用户的表单,请直接在按钮上或按钮旁边添加可见的文本标签,而不是依赖触摸用户永远不会看到的工具提示。具有可见标签和工具提示的组合方法可以在桌面和移动环境中提供最佳体验。

WukongPDF

尝试编辑 PDF

无需安装。直接在您的浏览器中工作。

立即开始 →