Table of Contents
Read-only fields are those that are submitted along with the form and stored as a form submission but aren’t editable by users while filling out the form. There is no built-in option to mark fields as read-only in WPForms, but it can be easily done using Power-ups for WPForms.
There are a lot of scenarios in which this is helpful. Consider you want to show some data to the user using WPForms smart tags ( like the user’s full name), but don’t want it to be modified by users. To achieve this, you can add a text field with the ‘user full name ‘ smart tag as a ‘default’ value and mark the field as read-only.
In this article, I will show you the no-code method to convert a field to read-only.
Steps to Set a field to Read-only using Power-ups for WPForms
- Install and activate Power-ups for WPForms.
- Now go to Forms -> Ultimate Kit. Here, select the form for which you want to mark the fields as read-only.
- Now, go to the Power Ups panel and under the Field section, look for Disable a Form Field to Prevent User Input.
- Click on the Settings button and then enable it.
- Now select the form field that you want to disable or mark read-only in the front end. You can select multiple fields.
- You can also set the background color for the disabled fields. This will help you to clearly distinguish the read-only fields from writable fields.
- This works for the form’s input, text, and select fields.
If you need any assistance with this tutorial, then leave a comment below and I will get back to you.
How about a way to populate a a 2nd or 3rd field name using the first field name that is manually entered by the user? User is not logged in and it’s a multievent, single person (head of family) registration sign up form.
See Sports and Events section.