The HTML field is used to display descriptive text or HTML to form visitors. The text or HTML can only be inserted on the form builder and cannot be modified by users. An HTML field is commonly used to display instructions, a progress bar, or terms and conditions.
Standard field options
An HTML field has the following options:
Field specific options
Insert text or HTML in the Content box. The text or HTML will be displayed in your form.
Field action icons allows you to duplicate, delete, and/or move a field on the form builder page. See the field action icons article for more information.
Display default values
Use default values in an HTML field to display specific information.
- Add an HTML field to your form.
- Open the Field Options. Insert any default value shortcodes in the Content box.
- Save the form and click 'Preview'. When the form is visited it will look something like this
Display a graph
If you would like to display a Formidable Forms graph inside of your form, follow the steps below.
- Go into the form where you would like to add a graph.
- Add an HTML field.
- Open the field options for the HTML field. Insert the following shortcode in the Content box:
Replace 'x' with the ID or key of the field you would like to graph. See the graphs page for more graphing options. Please note that the graph will only use entries that have already been submitted.
- Save the form and click 'Preview'. Now when the form is visited, a graph will be displayed in the form.
Create a terms & conditions field
Create a scroll box that holds terms and conditions. A required checkbox field will ensure that the user agrees to the terms and conditions before submitting the form.
- Go into the form where you would like to add the terms and conditions.
- Add an HTML field.
- Open the field options for the HTML field. Insert your terms and conditions in the Content box.
- Insert the frm_html_scroll_box shortcode in the 'CSS Layout Classes' box.
- Add a checkbox field. Give it a title like 'Terms and conditions' and set the first option to 'I agree to the terms and conditions.'
- In the field options, select Required. Also, change the Label Position to None.
- Save the form and click 'Preview'. Now when the form is visited, the terms and conditions will be shown in a scroll box with a required checkbox field for the user to indicate their agreement.