How can I fix a text area inside of a form?

• 

  chris723 · Member · Nov 30, 2011 at 5:40 am

  • Copy link
  • Add topic to favorites

  I’m having trouble getting the text area of a form to show properly. I create a form and set one of the fields to be a text area. But when it shows up on the display the text area is in line with the label rather than on another line like all the other form text entries. Looking at the code behind I noticed that the text area is inside of the <label..> tag. I would think this should be outside of it. How can I fix this?

  Thanks,
  Chris

  <label class=’textarea’>Comment<span>(required)</span> <textarea name=’64-comment’ id=’contact-form-comment-64-comment’ rows=’20’></textarea>
  </label>
  Blog url: http://unite4good.wordpress.com/

• 

  chrisrudzki · Member · Nov 30, 2011 at 6:33 pm

  • Copy link

  Hi there,

  Could you send me a link to the page with the form you’re referring to?

• 

  chris723 · Member · Nov 30, 2011 at 11:03 pm

  • Copy link

  http://unite4good.wordpress.com/contributions/

  I noticed that if I change themes it doesn’t happen. Maybe its an issue with the theme , Motion, I’m using?

• 

  staff-blorbo · Staff · Nov 30, 2011 at 11:11 pm

  • Copy link

  it’s possible that we could be stripping out some of the form code.

  Have you tried using our Contact Form system instead? (it does more than just contact forms)

  http://en.support.wordpress.com/contact-form/

• 

  chris723 · Member · Nov 30, 2011 at 11:14 pm

  • Copy link

  That’s what I’m using to add the contact form to my page. Below is the shortcode I’m using.

  Thanks,
  Chris

  ‘[contact-form subject="Unite 4 Good Contributions"] [contact-field label="Name" type="name" required="true" /] [contact-field label="Email (only if your comment requires a response)" type="email" /] [contact-field label="What are you sending?" type="select" required="true" options="Good Read,Good Witnessed,Good Performed,Inspirational,Comments/Questions" /] [contact-field label="Website" type="url" /] [contact-field label="Your Location" type="text" /] [contact-field label="Comment" type="textarea" required="true" /] [/contact-form]‘

• 

  staff-blorbo · Staff · Nov 30, 2011 at 11:21 pm

  • Copy link

  That’s very strange. Do you have any luck if you don’t require that field?

• 

  chris723 · Member · Dec 1, 2011 at 12:28 am

  • Copy link

  I tried that with no luck. If I change it from a TextArea then it works fine. For some reason when its a TextArea it is included in the Label tag.

  -Chris

• 

  evarlese · Member · Dec 1, 2011 at 3:20 pm

  • Copy link

  Hm, when I visit your Contributions page, I see a text area under “Comments.” Were you able to fix this?

• 

  chris723 · Member · Dec 1, 2011 at 4:09 pm

  • Copy link

  Well thats weird because I’m still seeing it. I’ve viewed it with Google Chrome and Internet Explorer with the same results.

• 

  chris723 · Member · Dec 1, 2011 at 4:10 pm

  • Copy link

  Forgot to ask, what were you using to view the page?

• 

  evarlese · Member · Dec 1, 2011 at 4:52 pm

  • Copy link

  I’m using Google Chrome. Could you try clearing your browser’s cache and cookies?

  Solve Common Browser Issues

• 

  chris723 · Member · Dec 2, 2011 at 2:09 am

  • Copy link

  Hmmm, I tried that with no change. I’ve seen this on another computer as well.

  -Chris

• 

  chrisrudzki · Member · Dec 2, 2011 at 4:22 pm

  • Copy link

  I’m also not having any trouble seeing it with Chrome or Safari 5.1.2.

  Could you make a screenshot, upload it to your media library, and send us the link?
  http://en.support.wordpress.com/make-a-screenshot/

  It would also be helpful if you could let us know what browsers and OS you’re using, as well as their version numbers.

  We’ll be happy to look into this issue for you. :-)

• 

  chris723 · Member · Dec 9, 2011 at 9:54 pm

  • Copy link

  Well, now I’m having not seeing the problem either. I did change the theme recently so maybe that was the problem. Either way it seems to be fixed. Thanks for the advice. Sorry it took a while to get back to everyone. If I see it again I’ll post a screenshot.

  -Chris