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.

Testing out DISQUS

By Dave Fogel | March 12, 2010

I am testing out the DISQUS (pronounced DISCUSS) commenting system for WordPress.

Converting a site to WordPress

By Dave Fogel | March 3, 2010

So over the last two week, I have spend my free time converting my site over to WordPress. There are several reasons for this. First, I really like the ability to add plug-ins to my site. I also love how easy it is to add new pages and manage the site. There are also the…

Ten tips for passing the new Google Advertising Fundamentals Exam

By Dave Fogel | February 28, 2010

So, you have decided that it is time to finally take the test. What you might not know is that Google JUST changed over to a brand new test. Gone are the days of testing through Prometric. Google now has you download a browser to use that you must take the test with. Now, I…

Posted in

Dave Fogel

Leave a Comment