我在文本框中使用了HTML5的占位符属性来显示幽灵文本,当你聚焦在这些文本框上时,幽灵文本会消失:
<input type="text" name="email" placeholder="Enter email"/>
我想使用同样的机制在文本域中实现多行占位符文本,可能像这样:
<textarea name="story" placeholder="Enter story\n next line\n more"></textarea>
但是这些 \n
出现在文本中并不会导致换行... 有没有一种方法可以拥有多行占位符?
更新: 我唯一让它工作的方法是利用jQuery Watermark插件,它可以接受占位符文本中的HTML:
$('.textarea_class').watermark('Enter story<br/> * newline', {fallback: false});
white-space
属性以确保它被正确设置,例如pre-wrap
。 - Cory Mawhorter
在 Safari 以外的所有地方都有效。 - Sphinxxx