Form Builder

• Labels
  Separate items with line breaks or commas First Name Last Name E-mail Address This must contain some text
• Values
  Leave blank to use labels

• Type Text Textarea Label Hidden Radio buttons Checkboxes Dropdown List
• Group label
• Control options
  Add "Select..."
• Control options
  Allow Multiple selections
• Max length
• Rows

• Prefix with

• Hierarchy naming style Square brackets ([]) Dashes (-) Colons (:) Dots (.) None
• Space characters Replace with dashes (-) Replace with underscores (_) Ignore Delete
• Illegal characters Replace with underscores (_) Delete
• Example prefix[element_name]

• Datatype for compound values (checkboxes)
  Numeric Array: group_label[] Associative Array: group_label[element_name] Individual Values: element_name

• Hierarchy naming style Square brackets ([]) Dashes (-) Colons (:) Dots (.) None
• Space characters Replace with dashes (-) Replace with underscores (_) Ignore Delete
• Illegal characters Replace with underscores (_) Delete
• Example element-id

This web app uses the jQuery Validation plugin, which makes form validation as easy as adding attributes to a form control, and clicking Submit.

Read the full documentation and download the plugin here.

• Options
  Field is required Add "required" <span> to control label Add "error" <label> below control
• Validation attribute name
• Required <span> class
• Error <label> class

• Wrap control markup with List-item elements (li) Div elements (div) Don't wrap elements
• Auto-indent when selecting Don't indent 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

• Non-CSS2 browsers Classify controls based on type (ie class="checkbox")

• Split data at
  Linebreaks Tabs Commas Whitespace
• Options
  Ignore multiple consecutive delimiters Skip empty entities
• Signify start of <optgroup> with

• Truncate At first illegal character At first space No