Streaming live at 10am (PST)

Custom Code Form


#1

Hi Guys,

I have a form I created by embedding HTML & CSS.
Is there a way to connect the embedded form to webflow’s form submissions page?

Thanx


#2

wop wop, anyone ? :smiley:


#3

Not sure i completely understand your question. But from what I assume :

  • If you want to use webflow’s form endpoint - what is the reason / benefit of using custom embed for a form when you can design form to suit the style? ( assuming if you’re staying on their hosting )
  • If you’re hosting outside webflow - their form processor won’t work. So there is no point of connecting to their action.

Am i missing something here ?


#4

I will host on webflow. I used code for input:focus~ and input:not(:focus):valid~

Here is my link:
https://preview.webflow.com/preview/gold-cohen?preview=5fd17f5b1f1eaff282b2fb75d34b36c5

And the published site:
http://gold-cohen.webflow.io/


#5

Can you not use your custom classes and use your class to target webflow’s form input fields ?


#6

hmm… I’ll try that


#7

seems like everything works except this:

input:focus~.floating-label, input:not(:focus):valid~.floating-label


#8

So, I think I know what the problem is…

Can I use input:focus~.floating-label when floating-label is a sibling div?