Buy Zapatec Forms
Pricing for Zapatec Forms
Previous Zapatec Javascript Form Example Next Zapatec Javascript Form Example
Save State

  • Font effects
    • bold
    • italic
    • Underline
    • multiple
      lines
    • Sizes

      • H1

      • H2

      • H3

      • H4

      • H5
    • Colors
      • red
      • blue
      • green
      • yellow
      • purple
  • Form examples. About me.
    • Name
      • First Name:
      • Last Name:
    • Radio buttons -- your gender
      • I am male
      • I am female
      • I am neither
    • Checkboxes -- My favorites things:
      • Raindrops on roses
      • whiskers on kittens
      • Bright copper kettles
      • Cream colored ponies
      • crisp apple streudels
      • Doorbells and sleigh bells
      • schnitzel with noodles
  • Other
  • You can save the state of the last node selected, see option saveState.
  • With saveState true a cookie will be saved with the last selected tree node.
  • When the user visits the page again the tree will be expanded to this node. A good example is a shopping cart where the tree is open to the last item they viewed next time they visit the website.
  • This demo also demonstrates some of the different HTML elements that you can include in your tree. Since the tree is generated from HTML not only is quite easy to include checkboxes and other form elements in your tree. As you can see, by changing the HTML code it is trivial to customize the look of various tree nodes.

Collapse all
Expand all
Toggle lines
Turn Off expandOnLabel (currently on)
No node selected.