HTML5のプレースホルダー属性を使用してそれらに集中するとテキストフィールドにゴーストテキストが表示されなくなります。
<input type="text" name="email" placeholder="Enter email"/>
同じメカニズムを使用して、textareaに複数行のプレースホルダーテキストを設定します。
<textarea name="story" placeholder="Enter story\n next line\n more"></textarea>
しかし、これら\n
のsはテキストに表示され、改行を引き起こしません...複数行のプレースホルダーを作成する方法はありますか?
更新:これを機能させる唯一の方法は、プレースホルダーテキストでHTMLを受け入れる jQuery Watermarkプラグインを利用することでした:
$('.textarea_class').watermark('Enter story<br/> * newline', {fallback: false});
white-space
をチェックして、値が正しく設定されていることを確認してください。たとえば、
Safariを除くすべての場所で機能します。