HTML

【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>';
?>

 

以上。

\ レンタルサーバーならコレ一択!! /


\ 「ムームードメイン」めちゃくちゃ使いやすいです。 /


関連記事

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です