The Basic Form Components: Webflow Forms Masterclass

We dig into the basic form components and the code that exists behind them.
Part of an unknown length series.
Support on Patreon: / fakesamgregory
-
Listen to my Podcast!: ThatTech.Show
Afilliated With
Webflow: bit.ly/2ZzlJnd
Namecheap: namecheap.pxf.io/P53Az
Get to know me!
Facebook: @therealfakesamgregory
X: x.com/@0x5am5
Twitch: /fakesamgregory
-
#Webflow #Forms #Accessibility

[@TheKetoSurvivor]

Would love to see you handle some advanced buttons. Example, long list of items to choose from that are setup as checkbox buttons, perhaps driven by a CMS. How to get all the chosen items to show up in that checkboxes submission field.

[@Jonesrful]

So good. Loving learning these bits of the elements within the form.

[@muhammadwaleedjamshed9080]

bro these are dope

[@StillOnTrack]

Any chance you can show us how to properly setup radio buttons in Webflow? or did you do that already in another video? I keep getting an "Orphaned Form Label" alert from the WebAIM WAVE accessibility checker chrome extension and can't figure out what I'm doing wrong, or if it's some kind of limitation of webflow.

[@webflowandcode]

I’ve given up trying to work out form labels in Webflow. I’ve mentioned this in a few episodes. Just write it in an embed element

[@lucaspiccoli]

Hey Samuel, the basic select element with `allow multiple options` is not working for me. Does that happen to you too? The UX of them is very very basic as well, do you have insights on how to customize it? Great content!

[@webflowandcode]

Seems to be working for me. What’s your understanding of this element? You should be able to shift-select multiple options.
Form elements more often than not tend to have basic styling, particularly select boxes. You’ll need to recreate these and update the raw form elements in JavaScript.