Learn
>
Sygnal-U
>
Webflow Forms
>
Using Custom Elements in Forms

Webflow Forms

Using Custom Elements in Forms

Overview
Introduction & Overview
Webflow Forms Basics
001
Forms Submission Notifications
002
Webflow Form Problems
Form Spam
021
Webflow Forms Limitations & Bugs
022
Automatic Form Element Renaming
023
Basic Form Controls
Form Select
051
Form Textarea
052
Customizing Input Controls
Customizing Radio Buttons & Checkboxes
101
Input Number & Decimal Places
102
Numeric Range Sliders
102
Multi-Select Dropdown
104
Auto-Size Textareas
110
Using Custom Elements in Forms
110
Date Pickers
111
Forms Validation
Forms Validation Basics
200
Input Types
201
Using Regex Patterns in Forms Validation
202
Validating Phone Numbers
202
Custom Validation Errors
203
Custom JS Validation
204
Forms Validation Techniques
Validating Emails
301
Blocking Free Email Provider Addresses
302
Requiring Checkboxes
302
Address Autocomplete
302
Autocomplete / Predictive Input
302
International Phone Numbers
6:50
304
Databinding
Databinding CMS Collections to a Form Select
8:42
401
Forms Validation Techniques
3rd Party Form Handlers
401
Making Forms Dynamic
Displaying Form Parts Conditionally
14:36
501
Multi-Step Forms (MSFs)
501
SPAM Blocking Techniques
Minimizing Form Submission SPAM
600
SPAM Blocking Techniques
CAPTCHA Approaches
601
Form Handlers
3rd Party Form Handlers
901
Integrating the Basin Form Handler
902
Uploading Files
Uploading Files
950
Uploading Files with Uploadcare
951
Uploading Files with Basin
952
No items found.
Updated
May 17, 2025
in lightbox

There are a lot of reasons to consider using custom elements within forms rather than Webflow's native form elements.

Here are a handful-

  • Precise control over the element HTML
  • Use CSS instead of legacy JS for custom styling needs, such as custom radio buttons
  • Support component property binding for aspects of each input field
  • Eliminate all issues relating to copy-paste of forms and form elements, where ID's are changed and the Name has a -2 affixed.
This approach might even power Build-mode forms construction, but I have not tested this theory.

‍

Timothy Ricks has a video with some epic coverage of the reasons to consider this, and some great approaches on how to do it effectively.

‍

‍

‍

‍

Table of Contents
Comments
Need help with your project?
Talk to us
Want to show your appreciation?
Buy us a beer
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.
Buy us a beer