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:
<label for="email-address"> <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!
Hey Rowan this is because all your checkbox labels are set to “for: checkbox”. If they all have unique names (click on checkbox and go to element settings) they they will behave as expected. The “for” attribute is supposed to set automatically, so this may be a bug. We’re looking into it.
To add a form element that’s not required to be inside a Form Block, hold down Option (OSX) or Alt (Windows) right before dragging a form element from the Add Tab. Let me know if that’s what you guys were looking for!