More than 1 row in Input type textarea

Question

I m having troubles getting my  lt input type  textarea    gt  to have more than 1 row   I tried adding the properties in the html  like you would do with a normal  lt textarea gt  lt  textarea gt  like this   lt input type  textarea  rows  x  cols  x    gt   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

User · Answer

The  input  tag doesn t support rows and cols attributes  This is why the best alternative is to use a textarea with rows and cols attributes  You can still add a  name  attribute and also there is a useful  wrap  attribute which can serve pretty well in various situations

User · Answer

Why not use the  lt textarea gt  tag     lt textarea id  txtArea  rows  10  cols  70  gt  lt  textarea gt

User · Answer

As said by Sparky in comments on many answers to this question  there is NOT any textarea value for the type attribute of the input tag   On other terms  the following markup is not valid     lt input type  textarea    gt    And the browser replaces it by the default     lt input type  text    gt    To define a multi-lines text input  use     lt textarea gt  lt  textarea gt    See the textarea element documentation for more details

User · Answer

Although  lt input gt  ignores the rows attribute  you can take advantage of the fact that  lt textarea gt  doesn t have to be inside  lt form gt  tags  but can still be a part of a form by referencing the form s id    lt form method  get  id  testformid  gt       lt input type  submit    gt   lt  form gt    lt textarea form   testformid  name  taname  id  taid  cols  35  wrap  soft  gt  lt  textarea gt    Of course   lt textarea gt  now appears below  submit  button  but maybe you ll find a way to reposition it

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

Examples related to input

Examples related to textarea

Examples related to rows

Examples related to lines