Contact form 7 put the text imput

[Juanma]

Hello!

My contact form 7 works correctly, but I would like to put the help text indide the boxes, I think is called “imput” or “placeholder”, like in Dante demo.

How could I do?

Thanks
-Juanma

[Rui Guerreiro – SUPPORT]

Hi,

To achieve something like this.
https://www.dropbox.com/s/n8itluxplzzjfxr/contact_form_placeholder.png?dl=0

Add the placeholder parameter to the input text(placeholder=”Please enter your name”)

The final html should be similar to this:

<input type="text" placeholder="Please enter your name" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false">

-Rui

[Juanma]

Ok!, But could you show me where should I put this code? Inside Contact form 7?
I don´t know so much about html!

[Rui Guerreiro – SUPPORT]

How do you inserted the Contact form 7? Was a shortcode or Html?

-Rui

[Juanma]

I made it with shortcode

[Rui Guerreiro – SUPPORT]

Inside the contact 7 form, the code should be something like this. Example for the name

<p>Your Name (required)<br />
    [text* your-name placeholder "Your name here"] </p>

-Rui

[Juanma]

Perfect! Thank you very much!!!!

[Rui Guerreiro – SUPPORT]

No problem. Glad it’s solved. 🙂
-Rui