What content do you have in the textarea in the Form tab panel of the contact form?
Not the prettiest thing to look at, but here it is. Some is copied and pasted (I’m not a big coder myself).
<div style=”text-align:center”><div role=”form” width=”100%” class=”wpcf7″ id=”wpcf7-f221-p22-o1″ lang=”en-US” dir=”ltr”><div class=”screen-reader-response”></div><form action=”/wild-book-demo/contact/#wpcf7-f221-p22-o1″ method=”post” class=”wpcf7-form” novalidate=”novalidate”><div style=”display: none;”> <input type=”hidden” name=”_wpcf7″ value=”221″> <input type=”hidden” name=”_wpcf7_version” value=”5.0.4″> <input type=”hidden” name=”_wpcf7_locale” value=”en_US”> <input type=”hidden” name=”_wpcf7_unit_tag” value=”wpcf7-f221-p22-o1″> <input type=”hidden” name=”_wpcf7_container_post” value=”22″></div><p><br> <span class=”wpcf7-form-control-wrap your-name”><input type=”text” placeholder=”Your name” required value=”” size=”100″ class=”wpcf7-form-control wpcf7-text wpcf7-validates-as-required” aria-required=”true” aria-invalid=”false”></span></p><p><br> <span class=”wpcf7-form-control-wrap your-email”><input type=”email” name=”your-email” placeholder=”Your email” required value=”” size=”100″ class=”wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email” aria-required=”true” aria-invalid=”false”></span></p><p><br> <span class=”wpcf7-form-control-wrap your-email”><textarea name=”your-message” placeholder=”Your message” required cols=”100″ rows=”10″ class=”wpcf7-form-control wpcf7-textarea” aria-invalid=”false”></textarea></span></p><p><input type=”submit” value=”Send Message” class=”wpcf7-form-control wpcf7-submit”></p><div class=”wpcf7-response-output wpcf7-display-none”></div></div>
Well, I just omitted the last div and that fixed it. Thanks for the help!
Well, nothing has been fixed… You’ve messed up the form by including copy-paste of an output of a form into another form content. The form is still totally invalid as HTML and, of course, it doesn’t work correctly.
It works fine for me now, but explain “invalid”. I’ve never done this before and would love some help.
Alright how does this look?
<div style=”text-align:center”>
[text* Name placeholder “Name”]
[email* Email placeholder “Email”]
[textarea* Message placeholder “Your Message”]
[submit “Send Message”]
</div>
