Moving
Shrinking
Form
*Label
Inter
Action
Thank you! Your submission has been received!
my name is Chris and I’m a Designer & Webflow Developer.
This
was inspired by primahealthcredit.com
my name is Chris and I’m a Designer & Webflow Developer.
This
was inspired by primahealthcredit.com
Copy and paste this code before /body in the pages tab
<script>
$('.input-text-field').on('focusin', function() {
$(this).siblings('.text-field-label').addClass('active');
});
$('.input-text-field').on('focusout', function() {
if ($(this).val().length == 0) {
$(this).siblings('.text-field-label').removeClass('active');
}
});
</script>
$('.input-text-field').on('focusin', function() {
$(this).siblings('.text-field-label').addClass('active');
});
$('.input-text-field').on('focusout', function() {
if ($(this).val().length == 0) {
$(this).siblings('.text-field-label').removeClass('active');
}
});
</script>
For more info about using code in Webflow check out T.ricks jQuery builder course