How to Add Placeholder or Ghost Text in Acrobat Form Fields
Question details
The user wants to display instructional placeholder (ghost) text inside an empty PDF form field in Adobe Acrobat to guide respondents.
- Product
- Adobe Acrobat
- Device & OS
- not provided
- Scenario
- Creating interactive PDF forms where text fields need to display default instructional text when no value is entered by the user.
- Observed behavior
- Acrobat text fields do not feature a native placeholder property or support standard mouse-over/mouse-out behaviors, requiring a custom JavaScript workaround.
Before adding custom scripts, ensure your PDF form fields are properly named and formatted. Remember that adding placeholder text via JavaScript inserts actual text into the field, which may affect form validation or calculations.
Use a Custom Format Script to Add Placeholder Text
Apply a simple JavaScript snippet to the field's formatting properties to display default instructions when the field is empty.
Acrobat JavaScript can conditionally display text when a field is empty. Because the script assigns the instructional text as the actual field value, you should test the field thoroughly to ensure it does not break backend data submission or dependent calculations.
Open your PDF document in Adobe Acrobat, navigate to the Tools menu, and select 'Prepare Form' to enter editing mode.
Right-click the target text field where you want the placeholder text to appear and select 'Properties' from the context menu.
In the Text Field Properties dialog box, click on the 'Format' tab at the top.
Click the 'Select format category' dropdown menu and choose 'Custom' from the list of options.
In the 'Custom Format Script' box, enter the following code: if (!event.value) event.value = "Message text goes here."; Replace the sample message with your specific instructions, click OK, and close the properties window.
Create and Fill PDF Forms Easily with WPS Office
WPS Office offers a robust PDF editor that allows you to easily create, edit, and fill out interactive PDF forms without relying heavily on complex scripting. It is an excellent, lightweight alternative for handling document workflows.
- 1. Open WPS Office PDF Editor: Launch WPS Office, navigate to the 'PDF' tab, and open your existing PDF document or create a new one.
- 2. Access Form Tools: Click on the 'Form' tab in the top ribbon to view all available form creation and editing tools.
- 3. Add and Edit Fields: Select the desired form field type (like Text Field) and drag it onto your document page.
- 4. Customize Properties: Double-click the newly created field to easily adjust its name, appearance, and default text properties.
Frequently Asked Questions
Does the placeholder text disappear automatically when a user clicks the field?
Not automatically with just the format script. The user will typically need to highlight and overwrite the text unless you implement additional Keystroke or On Focus JavaScript to clear the field upon selection.
Will the placeholder text print when I print the form?
Yes. Because the custom format script assigns the placeholder text as the actual field value when empty, it will appear on the printed document if left unchanged by the user.
Can I add tooltips instead of placeholder text?
Yes. In the field Properties under the General tab, you can add instructional text to the 'Tooltip' box. This text appears when the user hovers their mouse over the field, which is often a cleaner alternative to JavaScript placeholders that avoids data submission issues.
Why is my form calculation failing after adding ghost text?
Since the placeholder script inputs actual text strings into the field, any calculation expecting a strict numerical value will encounter an error or fail to execute properly. You should avoid applying placeholder scripts to fields involved in mathematical calculations.
