Clone Project

Clear Input Values Button

Created by
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description

This component provides a script that allows developers to add clear value buttons to forms easily. By using the 'ms-code-clear-value' attribute on buttons, users can specify which input fields to clear, enhancing user experience and potentially increasing form completion rates. For example, setting ms-code-clear-value='first-name,last-name' will clear the respective input fields.

Key Features:

  • Easy integration by adding 'ms-code-clear-value' attribute to buttons.
  • Supports clearing multiple inputs by specifying their data attributes in a comma-separated format.
  • No dependency on Memberstack, though it can be used with it.
  • Handles the logic of finding and clearing input values automatically.

Design Elements:

  • Utilizes a clean form layout with labeled input fields.
  • Incorporates clear buttons next to input fields for user convenience.
  • Includes a 'Clear All' button to reset all fields at once.

Potential Use Cases:

  • Contact forms for businesses looking to improve user experience.
  • Registration forms for events or memberships.
  • Feedback forms where users may want to start over easily.
  • E-commerce checkout forms to allow users to quickly reset their entries.

Conclusion: The Clear Input Values Button component is a practical tool for enhancing form usability, making it suitable for various applications across different industries.

Description from Webflow:  
This script allows you to easily add clear value buttons to your forms. Simply add the ms-code-clear-value attribute to any button, with a value equal to the value of the input(s) you want to clear. For example, ms-code-clear-value="first-name,last-name" would clear the inputs with attributes of data-ms-member="first-name" and data-ms-member="last_name". You can target a single input or multiple inputs separated by commas. The script handles the logic of finding the matched inputs and setting their values to empty strings. Add clear value buttons to provide a better UX and increase form completion rates! Memberstack is not required to use this script.
Tags from Webflow: 
clear,  delete,  form,  forms,  signupform,  contact form,  multistepform,  contact forms,  undo,  erase
.