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.

Disable WordPress Auto Formatting

By Dave Fogel | October 21, 2011

Sometimes WordPress can be extremely annoying with the Auto Formatting. Often it will add a or a where you don’t want one and it will totally mess up the look of your page. Do how do we fix this? There are a couple of options. 1. You can get a plug-in to disable the auto…

New Site launched

By Dave Fogel | July 27, 2011

This is the newest version of NetViper Interactive.com. We have removed the Powerpoint services and LeadViper Craigslist program. We will launch a new site for that program on its own. Please send us your feedback for the new site design.

Starting on Version 4.0 of the…

By Dave Fogel | March 24, 2011

Starting on Version 4.0 of the website

Posted in

Dave Fogel

Leave a Comment