【HTML】textarea内で文字列を改行表示させる方法

スポンサーリンク

HTMLのテキストエリア(textarea)内で、文字列を改行表示させる方法です。

最初に思いつくのは、改行コードや(\n、\r、 \n\r)や改行タグ(<br>)を入れる方法ですが、そのままだとコードやタグがそのまま表示され、うまくいきません。

<textarea>吾輩は猫である。\n名前はまだにゃい。</textarea>

<textarea>吾輩は猫である。<br>名前はまだにゃい。</textarea>

スポンサーリンク

解決方法

解決方法は、textareaタグ内に、改行をそのまま入れてやるか「&#13;」を入れてやるとうまくいきます。

<textarea>吾輩は猫である。
名前はまだにゃい。</textarea>

もしくは、

<textarea>吾輩は猫である。&#13;名前はまだにゃい。</textarea>

因みにPHPだとこんな感じ。

<?php
$text = '吾輩は猫である。&#13;名前はまだにゃい。';
echo '<textarea>'. $text. '</textarea>';
?>

以上。

コメント

タイトルとURLをコピーしました