將占位符文本包裝在輸入字段的新行中

Question

我想以某種方式設置占位符的樣式，使其應該像這樣折斷行：

Hello
John Doe

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

嘗試了許多解決方案。 不工作 我知道這可以通過textarea來實現，我也不想使用引導程序。 但是我想專門使用輸入字段，css或一些jquery或javascript來做到這一點。 幫助將不勝感激。

Answer 1

不幸的是，這不是AFAIK。 從規范https://www.w3.org/TR/html5/forms.html#the-placeholder-attribute ：

占位符屬性表示一個簡短提示（單詞或短語），旨在在控件沒有值時幫助用戶輸入數據。 提示可以是樣本值或預期格式的簡短描述。 如果指定該屬性，則其值必須不包含“ LF”（U + 000A）或“ CR”（U + 000D）字符。