在HTML中,表单元素
输入框<input></input>
和输入域<textarea></textarea>
都有一个很有用的属性,叫做“placeholder”。
通过placeholder属性,前端开发者就可以在用户尚未在输入框或者输入域输入文字的时候,向用户说明输入框的作用;
当用户将文字输入到输入框或者输入域中时,输入框中的placeholder说明文字又会消失,只呈现用户输入的文字;
不过,有的时候,前端开发者可能想要将输入域<textarea></textarea>
中的placeholder属性值文本设置成可多行且可主动换行文本。这时,很多前端开发者可能就不知道怎么办了。
在软件编程当中,主要存在4类换行符<br>
、\r\n
、
还有直接enter键
,那到底哪一个才能实现placeholder属性文本在前端显示为换行呢?还是placeholder属性文本根本就不支持换行显示?
答案是
换行符,其实,placeholder属性文本不支持HTML标签,而与HTML普通文本显示一样,因此才只支持
换行符。
例如:
<textarea rows="4" placeholder="【注意】 这是一段换行测试文本; 换行; 换行; 换行; 换行;">
</textarea>
以上代码,在前端将呈现为