KwesForms V2 is finally here and it's game changing! Try it now.
Home How it Works Components Validation Spam Cloud Emails Data Security Pricing Docs API Docs FAQ Sign In Try It Free

Repeater Fields Silver Plan

A repeater field allows you to wrap a group of fields together and enable a form user to repeat the fields as many times as needed.


Creating a Repeater Field

Create a repeater field by following these two steps:

  • Wrap the fields that will be repeated inside a <fieldset class="kw-repeater">. If you add a "fieldset" tag without the class it will be treated like a regular "fieldset" and not a repeater field.
  • Give the fieldset a "name" attribute like name="a_unique_name".
Acceptable Fields

All field types can be used inside a repeater EXCEPT:

  • Credit-card fields
  • Nested repeater fields
Styling the Repeater Field Buttons

When a repeater is active, an "Add" button appears to add more fields, and a "Remove" button appears to remove fields. They both get the class of .kw-fieldgroup-button. You can use this class to add stylings to both buttons.

They also each get a separate classes in case you want to target the buttons individually.

  • The add button gets the class of .kw-fieldgroup-button-add
  • The remove button gets this class of .kw-fieldgroup-button-remove.
Example


<fieldset class="kw-repeater" name="attendee_info">

    <!-- Add the fields you want to repeat in here -->

</fieldset>