Multiple lines of input in input type text

Question

I have this text input in a form    lt input type  text         cols  40          rows  5          style  width 200px  height 50px           name  Text1          id  Text1          value      gt    I am trying to get it to take multiple lines of input  The width and height make the box to be bigger  but the user can enter text all  s he wants yet it fills one line only    How do I make the input more like a textarea

User · Answer

It is possible to make a text-input multi-line by giving it the word-break  break-word  attribute   Only tested this in Chrome

User · Answer

If you need textarea with auto height  Use follows with pure javascript     x000D   x000D  function auto height elem        javascript    x000D      elem style height    1px   x000D      elem style height    elem scrollHeight   px   x000D    x000D   auto height      CSS    x000D    width  100   x000D    x000D   lt textarea rows  1  class  auto height  oninput  auto height this   gt  lt  textarea gt  x000D   x000D   x000D

User · Answer

Input doesn t support multiple lines  You need to use a textarea to achieve that feature    lt textarea name  Text1  gt  lt  textarea gt         Remeber that the  lt textarea gt  have the value inside the tag  not in attribute     lt textarea gt INITIAL VALUE GOES HERE lt  textarea gt       It cannot be self closed as   lt textarea  gt      For more information  take a look to this

User · Answer

You can t  At the time of writing  the only HTML form element that s designed to be multi-line is  lt textarea gt

User · Answer

You should use textarea to support multiple-line inputs    lt textarea rows  4  cols  50  gt  Here you can write some text to display in the textarea as the default text  lt  textarea gt

User · Answer

Use  lt div contenteditable  true  gt   supported well  with storing to  lt input type  hidden  gt    HTML    lt div id  multilineinput  contenteditable  true  gt  lt  div gt   lt input type  hidden  id  detailsfield  name  detailsfield  gt    js  using jQuery       multilineinput   on  keyup  function e               detailsfield   val   this  text       store content to input type hidden        optional - one line but wrap it     multilineinput   on  keypress  function e            if e which    13      on enter         e preventDefault      disallow newlines                 here comes your code to submit

User · Answer

Check this    http   www w3 org TR html401 interact forms html h-17 7      The  TEXTAREA element creates a    multi-line text input control

User · Answer

Use the textarea    lt textarea name  textarea  style  width 250px height 150px   gt  lt  textarea gt    don t leave any space between the opening and closing tags Or Else This will leave some empty lines or spaces

User · Answer

If you are using React  the library material-ui com can help you with      lt FormControl gt       lt InputLabel htmlFor  textContract  gt   textContract   lt  InputLabel gt       lt Input       id  textContract        multiline       rows  30        type  text        value  props textContract        onChange       gt            gt     lt  FormControl gt    https   material-ui com components text-fields  multiline

User · Answer

You need to use a textarea to get multiline handling    x000D   x000D   lt textarea name  Text1  cols  40  rows  5  gt  lt  textarea gt  x000D   x000D   x000D

[html] Multiple lines of input in <input type="text" />

Examples related to html