The problem is that when I make line breaks in it, they won’t display. So people can decide of they want to change the text or not. the specs only have :placeholder-shown and not ::placeholder:placeholder-shown can still affect the styling of the placeholder text, since it’s a parent element (e.g. I found this highly confusing as. Then you could What you could do is add the text as value, which respects the line break . For example: [textarea* textarea-805 “Dear politician, [I WANT TO INSERT A LINE-BREAK… I have an MVC5 and EF6 web app which submits form values to a database. Any data entered into the textarea control loses line breaks when submitted so when I … Is it possible to add a line-break to a placeholder text in an textarea? placeholder, Specifies placeholder text in a text-based input. If you look at the HTML5 spec document for textarea; you'll see that its placeholder attribute, is defined as:. Use the ID attribute of the form as the value for the textarea form attributes. Here are some of the most important: form: Associates the textarea with a form. $(' textarea').attr('value', 'This is a line \nthis should be a new line');. font-size). Answers: Problem comes from the fact that line breaks (\n\r?) how to line break on placholder of text area, What you could do is add the text as value , which respects the line break \n . Definition and Usage. I want to add a letter as a placeholder text as an example. When we use textarea to edit text in the foreground and submit it to the background in JS, space and line feed are the most important issues we need to consider. HTML preprocessors can make writing HTML more powerful or convenient. About HTML Preprocessors. The