読者です 読者をやめる 読者になる 読者になる

久保清隆のブログ

ライフハック、健康、旅行、ビジネス、広告など、役に立つような情報を書きます。

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

HTML/CSS デザイン

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>



お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。
ブログランキング・にほんブログ村へにほんブログ村 IT技術ブログへにほんブログ村 IT技術ブログ プログラム・プログラマへにほんブログ村 サラリーマン日記ブログ 戦うサラリーマンへ