テキストエリアを読み取り専用にするコード

HTMLでテキストエリアを表示するコードは、

<TEXTAREA cols="横幅" rows="縦幅" style="border:枠の種類 1px 枠の色;color:文字色;background-color:背景色;">
書き換え可能
</TEXTAREA>

枠の種類については下線を点線にするには？　〜デザイン/CSS基礎を参照。

これを読み取り専用にするには、readonlyを付け加える。

<TEXTAREA cols="横幅" rows="縦幅" style="border:枠の種類 1px 枠の色;color:文字色;background-color:背景色;" readonly>
書き換え不可 
</TEXTAREA>

readonly を指定すると、デフォルトで背景が灰色になるので、背景を白にしたい場合は、

style ="background-color:#ffffff;"

と設定するとよい。

具体例。

<TEXTAREA cols="50" rows="10" style="border:solid 1px #000000; color:#000000; background-color:#ffffff;" readonly>
書き換え不可 
</TEXTAREA>

お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。