What is this page about?
Attributes, by Finsweet, offers a free series of Solutions that provide essential features to improve your Webflow websites.
Mirror Input Values
Mirror a user Form input from one Webflow element to another input
1
Add this <script> inside the <head> tag of your page or project
This script is the universal Attribute script: you only need to include it once, even if you have multiple Attribute solutions on the page. Learn more .
2
Add these required attributes to the elements
Trigger
This form input will be mirrored on the Target input
fs-mirrorinput-element
=
"
trigger
"
The form input designated as the "trigger" element will be duplicated to the "target" element.
This functionality supports various input types, including text input, textarea, select, checkbox, and radio.
Add this attribute:
Name
fs-mirrorinput-element
Copy
Value
trigger
Copy
Add it to those type(s) of element(s):
Input
Select Field
Checkbox
Radio Button
Text Area
Target
This target input is the mirror of the Trigger input
fs-mirrorinput-element
=
"
target
"
The form input specified as the "trigger" will have its inputs mirrored to the "target" element.
This replication is compatible with text inputs, textareas, selects, checkboxes, and radios.
Add this attribute:
Name
fs-mirrorinput-element
Copy
Value
target
Copy
Add it to those type(s) of element(s):
Input
Select Field
Checkbox
Radio Button
Text Area
3
Publish your project! Done, easy right?
Check more elements and settings below
Optional
Define an instance on a common parent wrapper
fs-mirrorinput-instance
=
"
IDENTIFIER
"
Add this attribute:
Name
fs-mirrorinput-instance
Copy
Value
IDENTIFIER
Copy
Examples:
fs-mirrorinput-instance = "1"
fs-mirrorinput-instance = "2"
fs-mirrorinput-instance = "blog"
fs-mirrorinput-instance = "team"
Learn more ways to set up multiple instances and how it works