How to add an attribute:

close icon
Hey! Give us some feedback here.
Forms

Mirror Input Values

Mirror a user Form input from one Webflow element to another input. Replicate user form data to other inputs on the page.

Mirror Input Values
Step #1

Copy the Solution <script> and paste into the <head> of your page

copy icon
Copy Script
Step #2

Implement in Webflow

Apply attributes to elements on the page

Below is a list of elements and options that are used to create this Attributes functionality. Click any of them to see more details.

navigator arrow
TRIGGER
I want to get the input from this
field element

Form Input

See how it works
see webflow attributes
Add this attribute
Description
Name
fs-mirrorinput-element
copy icon
Value
trigger
copy icon
The form input that will be mirrored somewhere else.

All inputs from the "trigger" element will be replicated to the "target" element.

Works with text input, textarea, select, checkbox, and radio.
how to add mirror input trigger attribute
navigator arrow
TARGET
I want to put the form input in this
field element

Form input

See how it works
see webflow attributes
Add this attribute
Description
Name
fs-mirrorinput-element
copy icon
Value
target
copy icon
The form input that is being mirrored.

All inputs from the "trigger" element will be replicated to the "target" element.

Works with text input, textarea, select, checkbox, and radio.
how to add mirror input target attribute

Working examples

See this solution working live in this Webflow project.

Example 1
Mirror input values
Copy and paste this example directly on Webflow
copy icon
Copy this example
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Developer documentation

external link icon

Next time implement inside Webflow

external link icon

Need help? Use the Automated Support Service

Subscribe

Sign up for future releases!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.