Data-binding Form INPUTs & SELECTs

View this Demo Page in the Webflow Designer

Choose the blog article you wish to comment on;

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Binding Form INPUTs & SELECTs to Collection Lists

Each of the three form controls above is data-bound to a Webflow Collection List.

  1. A textbox, with auto-complete
  2. A dropdown, with single-select
  3. A listbox, with multi-select

The collection list these are databound to is at the very bottom of this page, as a hidden element.

The Sample Data below shows some of the data from the same Blogpost collection, but is separate from the Collection List we've used for data-binding. As a result the form controls above list the full set of articles, while the sample data area only displays a subset.

This is an example of how you can separate and control the presentation of your data in different ways.

Sample Data

This area is generated by a Webflow CMS CollectionList