Insert line break inside placeholder attribute of a textarea?

by

You can insert a new line html entity 
 inside the placeholder attribute:

<textarea name="foo" placeholder="hello you&#10;Second line&#10;Third line"></textarea>

Works on:
Chrome 62, IE10, Firefox 60

Doesn’t work on:
Safari 11

https://jsfiddle.net/lu1s/bxkjLpag/2/

More Related Contents:

  1. flex-grow not sizing flex items as expected
  2. Responsive image map
  3. How to make a vertical line in HTML
  4. How to display an unordered list in two columns?
  5. Difference in applying CSS to html, body, and the universal selector *?
  6. HTML5 Canvas and Anti-aliasing [duplicate]
  7. How can I set the max-width of a table cell using percentages?
  8. make div’s height expand with its content
  9. CSS Background Opacity [duplicate]
  10. Make link in table cell fill the entire row height
  11. Flex items not respecting margins and box-sizing: border-box
  12. Why is text wrapping around a floating element instead of going belows like another div?
  13. Using HTML in jQuery UI autocomplete
  14. Embed a Powerpoint in a Web Page
  15. newline in [duplicate]
  16. Fit website background image to screen size
  17. CSS box shadow around a custom shape?
  18. floating elements are outside of containing blocks?
  19. canvas default size
  20. How to have two items on opposite sides on the same line
  21. Paragraph of text in circle using CSS [duplicate]
  22. Declare variable in a Play2 scala template
  23. HTML list-style-type dash
  24. Safari – Videos load far too slowly
  25. Different implementation of Flexbox in Firefox and Chrome
  26. YouTube iframe embed – full screen
  27. CSS Rounded corners
  28. Fixed footer in Bootstrap
  29. CSS On hover show another element
  30. getHTTP with (Excel) VBA?

Leave a Comment