阅读量:145
要解决textarea换行问题,可以使用以下方法之一:
- 使用CSS样式:可以通过设置
white-space属性为pre-wrap或pre-line来实现textarea的换行效果。例如:
<textarea style="white-space: pre-wrap;"></textarea>- 使用JavaScript:可以通过在输入框中按下Enter键时添加换行符
\n来实现换行效果。例如:
<textarea onkeydown="if(event.keyCode==13){this.value+='\\n'; return false;}"></textarea>这样在输入框中按下Enter键时,会在当前光标位置插入一个换行符\n。
- 使用PHP:如果是通过PHP生成的<textarea>标签,可以在生成文本时使用
\n来表示换行。例如:</textarea>
$text = "第一行\n第二行";
echo "<textarea>".$text."</textarea>";这样生成的<textarea>标签中的文本会显示为两行,即第一行和第二行。
无论使用哪种方法,都可以实现textarea的换行效果。
</textarea>