More than 1 row in <Input type="textarea" />

input textarea rows lines
Jonas Pedersen picture Jonas Pedersen · Oct 26, 2012 · Viewed 303.6k times · Source

I'm having troubles getting my <input type="textarea" /> to have more than 1 row,

I tried adding the properties in the html, like you would do with a normal <textarea></textarea> like this: <input type="textarea" rows="x" cols="x" />

I even tried to do it in CSS, but it did not work. I've searched all over the internet for a solution, but i can't seem to find a topic regarding my exact problem anywhere.

The textareas i'm experiencing this with, are on this website: Vilduhelst

When you press the "Lav dit eget dilemma" button they will appear.

I'm looking for either a HTML or CSS solution.

Answer

Vinod Vishwanath picture Vinod Vishwanath · Oct 26, 2012

Why not use the <textarea> tag?

​<textarea id="txtArea" rows="10" cols="70"></textarea>

Related questions

CSS Input field text color of inputted text

I have an input field, and the color of the text in it is black. (I'm using jquery.placeholder) Let's say the text in there is "E-Mail" When you click on this field, the black placeholding text dissapears (thanks to …

Read More
How do you get the cursor position in a textarea?

I have a textarea and I would like to know if I am on the last line in the textarea or the first line in the textarea with my cursor with JavaScript. I thought of grabbing the position of the …

Read More
Why isn't textarea an input[type="textarea"]?

Why is there an element <textarea> instead of <input type="textarea">?

Read More