WordPress: Contact Form 7 Placeholder without editing the plugin


Now, add the following code in your theme’s head tag, usually it will be inside header.php.


<script>
jQuery(document).ready(function() {
jQuery("form p span input").each(function() {
jQuery(this).attr("placeholder", jQuery(this).attr("title"));
});
jQuery("form p span textarea").each(function() {
jQuery(this).attr("placeholder", jQuery(this).text());
jQuery(this).text("")
});
});
</script>

Just create a watermark with the value you want for placeholder.

[text name watermark "Full Name"]
Advertisements

13 thoughts on “WordPress: Contact Form 7 Placeholder without editing the plugin

  1. Wow! This can be one particular of the most helpful blogs We have ever arrive across on this subject. Basically Magnificent. I’m also a specialist in this topic so I can understand your effort.

  2. Hi there! I could have sworn I’ve been to your blog before but after looking at some of the articles I realized it’s new to me. Anyways, I’m certainly delighted I came across it and I’ll be book-marking it and checking back often!

  3. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some
    time and was hoping maybe you would have some experience with something like this.

    Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s