Clearing Input Forms with Contact Form 7

Many websites today will not have labels next to their input boxes anymore. Instead they place the text inside the input box. Contact Form 7 plug in can do this out of the box, but the user has to erase what is in the box before they can type in their information. This is a) annoying and b) not user friendly at all. Fortunately there is a hack that makes this work. Special thanks to emj for this solution.

Note that this is a bit of a hack, so not sure how it will work as you upgrade to newer versions.

First: add this javascript to header.php


Second: in the contact form 7 plugin folder, edit file /modules/text.php

Third: find line 76
$html = ‘‘;

Fourth: between ‘input’ and ‘type’, add:
onFocus=”clearText(this)” onBlur=”restoreText(this)”

That should do it. It isn’t perfect, but it works pretty well.

Once my new website is live, how do I get on Google?

By Dave Fogel | September 3, 2020

After your website is live, we will submit your website to be crawled or indexed by Google. You will see it appear typically in a few weeks. If you are looking to get on the first page of Google, you will need search engine optimization.

What is involved in selling things online? (e-commerce)

By Dave Fogel | September 3, 2020

There are many options out there for e-commerce websites. WordPress/WooCommerce, Shopify, 3d Cart, Big Commerce, and many more. We have experience working with the most popular ones. They all have their advantages and disadvantages. While WooCommerce is free to download, there are many paid add-ons required to start selling products online. You will need a…

What about Website Hosting?

By Dave Fogel | September 3, 2020

When you have a website, it needs to live somewhere on the web – this is what website hosting is. Website hosting can range anywhere from $3 a month to $99+. Not all website hosting is created equal. Budget hosting plans from places like Hostgator or Go Daddy get the job done … barely. You…

Posted in

Dave Fogel

Leave a Comment