How to Force Clear form Inputs on Page Load in Webflow

This post will teach you How to Force Clear form Inputs on Page Load in webflow and when/why you might want to use Clear form Inputs on Page Load in Webflow in your project.

INHOUDSOPGAVE
Ovidiu

How to Force Clear form Inputs on Page Load in Webflow

Ledenafschriften nodig

https://www.memberstack.com/scripts/84-clear-inputs-onload

Les

Kloonbaar

This guide will help you set up forms whose fields get cleared when the page is refreshed.

Once a member submits a form, the member data gets updated in Memberstack. Then, when the page is refreshed, the form fields are cleared and the data is removed from Memberstack as well.

Forcing clear form inputs on page load in Webflow

To force the clearing of form inputs on a page in Webflow, we’re going to use MemberScript #84 – Clear Inputs on Load. Follow the link to get the code you’ll need to add to your page and watch a video tutorial on how to set everything up.

Setting it up and making it work

The first thing you’ll need to do is create your form and style it however you want.

Now that you’ve got your form set up, all you need to do is add the MemberScript #84 custom code to your page, before the closing body tag.

In our custom code, you might want to edit the IDs of the fields that you want cleared on page refresh. You can do that by adding or removing form field IDs under fieldsToClear.

A screen shot of a computerDescription automatically generated

Conclusie

That’s everything, you can now go ahead and test the form on your live site.

Als u ons demoproject wilt gebruiken om u op weg te helpen, klikt u op de knop hieronder om het aan uw Webflow site toe te voegen.

Our demo can help you easily set up a form with input fields that get cleared on page load.

Take me to the Scripts

Voeg in enkele minuten lidmaatschappen toe aan uw Webflow-project.

Meer informatie

Meer dan 200 gratis kloonbare Webflow componenten. Aanmelden is niet nodig.

Bekijk bibliotheek

Voeg in enkele minuten lidmaatschappen toe aan uw React-project.

Aan de slag
Wat is Memberstack?

Auth & betalingen voor Webflow sites

Voeg logins, abonnementen, gated content en nog veel meer toe aan uw Webflow site - eenvoudig en volledig aanpasbaar.

Meer informatie
Bouwen

Probeer Memberstack uit en ontdek wat je kunt bouwen!

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.