HTML中的输入框<input>和输入域<textarea>的placeholder属性应该如何换行?

星级:
在HTML中,表单元素输入框<input>和输入域<textarea>的placeholder属性,可以而且只可以通过插入【 】换行符实现前端换行。

在HTML中,表单元素

输入框<input></input>和输入域<textarea></textarea>

都有一个很有用的属性,叫做“placeholder”。

通过placeholder属性,前端开发者就可以在用户尚未在输入框或者输入域输入文字的时候,向用户说明输入框的作用;

当用户将文字输入到输入框或者输入域中时,输入框中的placeholder说明文字又会消失,只呈现用户输入的文字;

不过,有的时候,前端开发者可能想要将输入域<textarea></textarea>中的placeholder属性值文本设置成可多行且可主动换行文本。这时,很多前端开发者可能就不知道怎么办了。

在软件编程当中,主要存在4类换行符<br>\r\n &#10;还有直接enter键,那到底哪一个才能实现placeholder属性文本在前端显示为换行呢?还是placeholder属性文本根本就不支持换行显示?

答案是&#10;换行符,其实,placeholder属性文本不支持HTML标签,而与HTML普通文本显示一样,因此才只支持&#10;换行符。

例如:

<textarea rows="4" placeholder="【注意】&#10;这是一段换行测试文本;&#10;换行;&#10;换行;&#10;换行;&#10;换行;">
</textarea>

以上代码,在前端将呈现为