How to Display a PDF Form Field as Read-Only on Another Page
Question details
The user wants to automatically display a value entered in one editable PDF form field into a second field on another page, keeping the second field read-only and out of the tab order.
- Product
- PDF Editor
- Device & OS
- not provided
- Scenario
- Creating interactive PDF forms where user input needs to be duplicated across multiple pages without allowing edits to the duplicated data.
- Observed behavior
- The user needs a method to link two fields so that the second field mirrors the first but remains uneditable.
Ensure you have a PDF editor that supports form field creation and custom JavaScript calculations, such as WPS PDF or Adobe Acrobat Pro.
Create a Read-Only Field with a Custom Calculation Script
This method uses a simple JavaScript calculation to pull the value from the original field and display it in a new, read-only field.
By using a custom calculation script, you can dynamically link the value of a destination field to an original input field. Setting the destination field to read-only ensures it cannot be modified by the user and is excluded from the document's tab order.
Add a text field to your PDF where the user will input their data. Open its properties and give it a recognizable name, such as 'OriginalName'.
Navigate to the second page and add another text field where you want the copied data to appear. Give it a different name, such as 'CopiedName'.
Open the properties of the 'CopiedName' field. Under the General tab, check the 'Read-Only' box so users cannot edit it or tab into it.
Go to the Calculate tab in the properties of the 'CopiedName' field. Select 'Custom calculation script' and click Edit. Enter the following script: event.value = this.getField("OriginalName").valueAsString;
Close the properties dialog, save your PDF document, and type a value into the 'OriginalName' field to see it automatically appear in the 'CopiedName' field.
Create and Manage Interactive PDF Forms with WPS Office
WPS PDF provides comprehensive tools for creating interactive forms, adding text fields, and managing field properties. You can easily design professional forms that automatically populate data across multiple pages.
- 1. Open your PDF in WPS Office: Launch WPS Office and open the PDF document you want to add form fields to.
- 2. Access the Form tab: Navigate to the 'Form' tab on the top ribbon to access all form creation tools.
- 3. Add Text Fields: Click on 'Text Field' and drag on the page to create your input and destination fields.
- 4. Edit Field Properties: Double-click the newly created field to open its properties, where you can set it to Read-Only and configure calculation settings.
Frequently Asked Questions
Why isn't the read-only field updating automatically?
This usually happens if the field name in your custom calculation script does not exactly match the original field's name, or if the PDF viewer being used by the recipient does not support JavaScript calculations.
Can I copy the same field value to multiple pages?
Yes. You can create multiple read-only fields on different pages and apply the same custom calculation script to each of them, referencing the single original input field.
How do I remove a field from the tab order?
Setting a field to 'Read-Only' in its properties automatically removes it from the standard tab order, preventing users from navigating to it using the keyboard.
Do I need to know JavaScript to do this?
Only a very basic understanding is needed. The script `event.value = this.getField("YourFieldName").valueAsString;` is a standard one-liner that works for most text duplication needs in PDF forms.
