Placeholder in Contactform 7 - Wordpress

html wordpress contact-form-7
The_Monster picture The_Monster · Jun 19, 2014 · Viewed 42.6k times · Source

I am making a website for a client of me but im running into a problem. I've made a contact form in wordpress using Contact Form 7. This plugin is really easy to use but when i wanted to use the placeholder property of the plugin it did not show the placeholder when i loaded the page.

This is how i set the placeholder in Contactform 7

[text* your-name placeholder "Name"]

The placeholder tag works just fine for my textarea but it doesnt work with the textbox above. Can someone explain to me what i am doeing wrong here?

EDIT

When i inspect the element with Google Chrome and inspect the textbox it says that it has a placeholder. But it doesnt show the placeholder.

Answer

JorgePinon picture JorgePinon · Nov 17, 2017

If anyone is having trouble with this, it could be that you're using class: or id: attributes.

It worked for me when I added placeholder after all those:

[email* your-email id:your-email class:form-control placeholder "ex. [email protected]"]

Related questions

wordpress contactform7 textarea cols and rows change in smaller screens

I used contactform7 to create the contact form for a wordpress site. I want to reduce the rows in a textarea on that form for smaller screen sizes. Is there any method I can use using contactform7's own syntax? …

Read More
Contact form 7 set field value with get request

I want to set a field value with get request example.com/subscribe/?email=asfafs but when i load the page which has the form on it, the form does not show. I get why it could not be showing. …

Read More
How to use Wordpress Contact Form 7 in my own HTML?

I want to use Wordpress Contact Form 7 on my website, but I already have an HTML/CSS layout for it. So, I want to modify the plugin to use it with that custom HTML code. <form id="contact_form" …

Read More