How to add extra fields?
Question:
I want to use extra form fields for phone number, company name, etc. How do I add extra fields?
Answer:
All form field types are supported, as many as you need. You can add extra fields on the contact form edit settings page.
Instructions for how to use Extra Fields:
You can use extra contact form fields for phone number, company name, etc. To enable an extra field, just enter a label. Then check if you want the field to be required or not. To disable, empty the label.
Text and Textarea fields:
The text field is for single line text entry. The textarea field is for multiple line text entry. To enable an extra field, just enter a label. Then check if you want the field to be required or not. To disable, empty the label.
Checkbox, Checkbox-multiple, Radio, Select, and Select-multiple extra fields:
To enable a checkbox field with a single option, just enter a label. Then check if you want the field to be required or not.
To enable fields with multiple options like checkbox, radio, select, or select-multiple field types; first enter the label and a comma, then include the options separating each one with a semicolon like this example: Color:,Red;Green;Blue. To make “Green” the default selection: set “Default option” 2. The “Default option” setting can be used for for checkbox, radio, or select field types.
If you need to use a comma besides the one needed to separate the label, escape it with a back slash, like this: \,
You can also use fields that allow multiple options to be checked at once, such as checkbox and select-multiple like in this example: Pizza Toppings:,olives;mushrooms;cheese;ham;tomatoes. Now multiple options can be checked for the “Pizza Toppings” label.
By default radio and checkboxes are displayed vertical. Here is how to make them display horizontal: add the tag {inline} before the label, like this:
{inline}Pizza Toppings:,olives;mushrooms;cheese;ham;tomatoes.
The first option of a select field type can be in brackets to indicate that it must be selected,
example: Color:,[Please select];Red;Green;Blue.
Attachment:
The attachment is used to allow users to attach a file upload from the form. You can add multiple attachments. The attachment is sent with your email. Attachments are deleted from the server after the email is sent. Tip: How to add attachment fields
Date field:
The date is used to allow a date field with a calendar pop-up. The date field ensures that a date entry is in a standard format every time.
Time field:
The time is used to allow a time entry field with hours, minutes, and AM/PM. The time field ensures that a time entry is in a standard format. If you want 24 hour time format, select the setting Time Format (12 or 24 hour).
Hidden field:
The hidden field is used if you need to pass a hidden value from the form to the email message. The hidden field does not show on the page. You must set the label and the value. First enter the label, a comma, then the value. Like in this example: Language,English
Email field:
The email field is used to allow an email address entry field. The email field ensures that a email entry is in a valid email format.
URL field:
The URL field is used to allow a URL entry field. The URL field ensures that a URL entry is in a valid URL format.
Password field:
The password field is used for a text field where what is entered shows up as dots on the screen. The email you receive will have the entered value fully visible.
Fieldset:
The fieldset(box-open) is used to draw a box around related form elements. The fieldset label is used for a (legend) title of the group.
The fieldset(box-close) is used to close a box around related form elements. A label is not required for this type. If you do not close a fieldset box, it will close automatically when you add another fieldset box.
Tip: How to add border fieldsets to the form
Optional modifiers:
Default text:
Use to pre-fill a value for a text field. Can be used for text or textarea field types.
Default option:
The extra field “Default option ” setting can be used to set the default(preselected option) for these field types: checkbox, radio, or select.
Like in this example for a select default:
Color:,Red;Green;Blue.
To make “Green” the default selection: set “Default option” 2.
Example of checkbox default:
You have a checkbox to “Subscribe to email newsletter” and you want it selected by default.
Set “Default option” 1
Required field:
The extra field “Required” setting can be used to set the form field so that it is required when filling out the form. Required fields will show a warning if the user submits the form without selecting the required field. If the field is not required, then the form can be submitted without selecting the field. The field is then considered optional. Can be used for any extra field type.
Attributes:
Use to insert input field attributes. Example: To make a text field readonly, set to: readonly=”readonly” Can be used for any extra field type.
Validation regex:
Use to validate if form input is in a specific format. Example: If you want numbers in a text field type but do not allow text, use this regex: /^\d+$/ Can be used for text, textarea, date and password field types.
Regex fail message:
Use to customize a message to alert the user when the form fails to validate a regex after post. Example: Please only enter numbers. For use with validation regex only.
Label CSS/Input CSS :
Use to style individual form fields with CSS. CSS class names or style code are both acceptable. Note: If you do not need to style fields individually, you should use the CSS DIV settings instead.
HTML before or after field:
Use the HTML before or after field settings to print some HTML before or after an extra field on the form. This is for the form display only, not E-mail. HTML is allowed.
Donations by PayPal:
Donations by cash or check:
Mike Challis
PO Box 819
Long Beach WA 98631
