Eu tenho texto fantasma nos campos de texto que desaparecem quando você os focaliza usando o atributo de espaço reservado do HTML5:
<input type="text" name="email" placeholder="Enter email"/>
Eu quero usar esse mesmo mecanismo para ter texto de espaço reservado multilinha em uma área de texto, talvez algo como isto:
<textarea name="story" placeholder="Enter story\n next line\n more"></textarea>
Mas eles \n
são exibidos no texto e não causam novas linhas ... Existe uma maneira de ter um espaço reservado multilinha?
ATUALIZAÇÃO : A única maneira de fazer isso funcionar foi utilizando o plug-in jQuery Watermark , que aceita HTML no texto do espaço reservado:
$('.textarea_class').watermark('Enter story<br/> * newline', {fallback: false});
white-space
para garantir que esteja definido corretamente, por exemplo, pré-quebra
funciona em qualquer lugar, exceto no Safari.