I am currently utilizing a WordPress plugin that automatically generates a form in the admin area based on user input. The form includes five fields that require URL validation. Users have the option to enter optional link text which will be displayed as the anchor text for the link in the resulting web directory listing. If no optional text is entered, the URL from the first field will be used instead.
Since I want these links to appear as buttons, I need to ensure they are styled correctly. However, I am unable to directly edit the form as it is dynamically generated.
One of the input fields for optional text looks like this:
<input type="text" id="wpbdp-field-12-title" name="listingfields[12][1]" class="intextbox" value="" placeholder="">
Is there a way to use CSS, JavaScript, or some sort of magic to pre-populate these fields with default text so it gets submitted with the form? For example, I would like one field to default to "Official Website" and another to display "Facebook," and so on.
Additionally, please note that these fields will be hidden using CSS to prevent users from altering them. The goal is simply to save time and effort for the administrator by pre-filling these fields.
Thank you all for your help!