Need alternative to textarea tag

• 

  recoveryfromporn · Member · Jul 27, 2013 at 5:05 pm

  • Copy link
  • Add topic to favorites

  Hello, I need some kind of type-able text area on my site. Maybe with a re-sizable corner piece (like in this text area I’m typing into right now.) It will not be used for any other purpose then to type in to, no submit or send or save buttons needed.

  I understand WordPress.com does not support the textarea tag, any work around?

  Thanks!
  D

  The blog I need help with is: (visible only to logged in users)

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 27, 2013 at 5:08 pm

  • Copy link

  The only way to get a textarea would be to create a contact form:

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

  I’m curious, though, as to why you want a textarea but not save data that is typed into it. Generally if a user is typing something on your website you either want to display it, or record it somehow.

• 

  recoveryfromporn · Member · Jul 27, 2013 at 5:26 pm

  • Copy link

  Ok, that gives me a blank text area which is nice, but it still has the submit button at the bottom, which is a little weird. Anyway to remove that?

  It’s just an exercise for the users to do, like a worksheet.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 27, 2013 at 5:36 pm

  • Copy link

  If you have the Custom Design addon, you could use a bit of CSS to hide the submit button.

• 

  recoveryfromporn · Member · Jul 27, 2013 at 5:47 pm

  • Copy link

  Oh thank you so much Andrew. I do have the Custom Design addon.

  Should I ask my question in the CSS forum? I don’t know how to edit the contact-form tags in css.

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 27, 2013 at 5:55 pm

  • Copy link

  If you’d like, just post the URL to the page here, and I can guide you through the required CSS.

• 

  recoveryfromporn · Member · Jul 27, 2013 at 6:20 pm

  • Copy link

  Awesome.

  http://buildingthenew.com/contact-form-test/

  Here is a test page. Is there a way to change the default size in CSS too?

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Jul 27, 2013 at 10:33 pm

  • Copy link

  So, for the buttons, you want to hide them with a “display: none” css rule. If you look at the HTML code and find them (or, in Chrome, you can right click on the button and click Inspect Element), you’ll find that the buttons have a class of “pushbutton-wide”. So what we need to do is use css to select that class and hide it like so:

  .pushbutton-wide {
      display: none;
  }

  To change the default font size of an area, you’ll need to do a similar thing, but instead with the css font-size “rule.”

  CSS is a great way to modify the design of your site. I’d suggest you check out the CSS basics article to learn more about it:

  http://en.support.wordpress.com/custom-design/css-basics/

• 

  recoveryfromporn · Member · Jul 27, 2013 at 10:47 pm

  • Copy link

  Great thanks Andrew!