Make input element (type=”text”) handle multiple lines of text

by

You need to use an HTML <textarea> element.

From MDN:

<textarea>

The HTML <textarea> element represents a multi-line plain-text
editing control.

Using <input> for multiline text is not possible natively and, if hacked, would be invalid HTML.

HTML5 spec:

4.10.5.1.2 Text (type=text) state and Search state
(type=search)

The input element represents a one line plain text edit
control for the element’s value.

(emphasis mine)

Twitter input box

You mention you want the textarea to resemble Twitter’s (auto-resize / no scrollbar). Consider this option and the following SO posts:

Autosize

A small, stand-alone script to automatically adjust textarea height.

More Related Contents:

  1. Put icon inside input element in a form
  2. Is there a way to style part of an input field’s value? [duplicate]
  3. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  4. Bootstrap height
  5. Is there any way to change input type=”date” format?
  6. Styling text input caret
  7. Google Chrome form autofill and its yellow background
  8. How do I change the color of radio buttons?
  9. What does “for” attribute do in HTML tag?
  10. Override browser form-filling and input highlighting with HTML/CSS
  11. Limit number of characters allowed in form input text field
  12. Change cursor type on input type=”file” [duplicate]
  13. Why cannot change checkbox color whatever I do? [duplicate]
  14. How to disable the resize grabber of ? [duplicate]
  15. How can I style a file input field in Firefox?
  16. Use Fieldset Legend with bootstrap
  17. Inline Form nested within Horizontal Form in Bootstrap 3
  18. Changing the highlight color when selecting text in an HTML text input
  19. Why do s clear floats?
  20. Which elements support the ::before and ::after pseudo-elements?
  21. How to align texts inside of an input?
  22. How do I style the HTML form validation error messages with CSS?
  23. Multiple submit buttons on HTML form – designate one button as default [duplicate]
  24. Can you style html form buttons with css?
  25. Styling autocomplete dropdowns in browsers
  26. Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?
  27. What is the best way to replace the file browse button in html?
  28. How can I control the height of an Option element in Webkit?
  29. Is it bad design to use table tags when displaying forms in html?
  30. How do I style radio buttons with images – laughing smiley for good, sad smiley for bad?

Leave a Comment