在输入字段的新行中包装占位符文本

Question

我想以这样的方式设置占位符的样式：它应该打破这样的行：

Hello
John Doe

<input type="text" placeholder="Hello John Doe" class="input_style"> 

尝试了很多解决方案。不工作。我知道这可以通过textarea实现，我也不想使用bootstrap。但我想专门使用输入字段，css或一些jquery或javascript来做到这一点。帮助将不胜感激。

Answer 1

不幸的是，这不可能是AFAIK。来自规范https://www.w3.org/TR/html5/forms.html#the-placeholder-attribute：

  

占位符属性表示一个简短的提示（单词或短语），旨在帮助用户在控件没有值时输入数据。提示可以是样本值或预期格式的简要描述。如果指定了该属性，则该属性的值必须不包含＆＃34; LF＆＃34; （U + 000A）或＆＃34; CR＆＃34; （U + 000D）字符。