After many requests, we’re happy to announce that checkboxes are finally available as an element in Webflow! You can find the new Checkbox element in the Forms section of the Add tab:
Also improved is the relationship between labels and their corresponding fields, which helps with building accessible forms. If you drag a Label before an Input / Text Area / Drop Down, Webflow will automatically assign an
id attribute to the input field, and create a
for attribute on the Label, so the resulting code will look something like this:
<input class="w-input" name="email-address" id="email-address" placeholder="Enter your email">
Once this link is made, users who click on the label will be automatically focused on the corresponding field. This is especially useful for checkboxes since clicking on the entire text label toggles the checkbox, instead of having to precisely click on just the tiny checkbox itself.
While this change doesn’t really affect how your site looks, it’s more functional and generally the RightWayToMakeWebForms™
I’m sure you’re saying “Yeah, yeah, that’s nice, but where are my radio buttons?!?” They’re nearly done, and should be landing in the next few days!