Clear or Reset button in Contact Form 7

Contact Form 7 WordPress plugin have Submit button in Generate tag drop down, and it goes easy. But it don’t have Reset, or Clear button. Here is easy solution how you can add it in your form.

In left side, where the form code is, just add this code at place where you need it:

<input type="reset" value="Clear Fields"  />

You can see on this image, example of that



7 comments for “Clear or Reset button in Contact Form 7

  1. Anonymous
    February 12, 2014 at 3:17 pm

    This is truly useful piece of information. I’m happy that you simply shared this info about reset on Contact form 7 with us. I needed it badly 🙂

  2. October 27, 2014 at 9:02 am

    the button clear is not good ideal, i want after submit, all fields will clear, can you help me …

    • December 27, 2016 at 7:12 am

      I will automatically clear all fields after submission. so need to do anything in this case.

  3. nicole
    April 16, 2015 at 9:42 am

    Thanks for sharing this solution.

  4. May 9, 2015 at 3:25 pm

    What is such a button useful for? Who takes 5 minutes time to fill out a form, and then hits a button that undoes this work, for no purpose whatsoever?

  5. shabir
    September 21, 2016 at 6:48 am

    thanks for this article it saved my time .

  6. September 6, 2019 at 6:43 am

    Hi All,

    I have one question, I created a career form in my website and add some fileds like name, email, phone number, position, and upload resume, I have also added submit button on it. but I want to add cancel or reset button. Please let me know how can we add reset or cancel button in contact form 7 in WordPress.

    Thank you in advance

Leave a Reply

Your email address will not be published. Required fields are marked *