• ベストアンサー

文字色変更

textarea name="textareaName" rows="12" cols="80" readonly> abcde あいうえお </textarea> textareaで上記のような記述をしたとき”あいうえお”のみを青色で表記したいのですがどうすればいいのですか。 style="color:blue;"とかと記述すると全体が青色になってしまって苦戦中です。 誰か教えてください

質問者が選んだベストアンサー

  • ベストアンサー
  • m-kur
  • ベストアンサー率50% (22/44)
回答No.1

私も以前、同じことをやりたいと思って、色々調べてみたのですが、特定の文字列だけ文字色を変更すると言うのは不可能なようでした。 readonly属性にされているようですが、特に意味が無いのなら、table等を用いて表現されてはどうでしょうか? CGIにFormから送るのであれば、hidden属性などを使うことも出来ますし。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • ron3
  • ベストアンサー率35% (7/20)
回答No.3

もしかしたらなんですが、 いろんなホームページで、 textareaのような表示で、 フォントの色を変えているところを見かけて、やろうとしているのかもしれませんが、だいたいのページだと、 iframe タグを利用していると思います。 #これが対応していないブラウザがおおいからどうしたらいいかって質問でしょうか? http://tohoho.wakusei.ne.jp/html/iframe.htm を参考に使ってみてもいいかもしれません。 textareaタグでは、無理じゃないかな・・・と思います。

参考URL:
http://tohoho.wakusei.ne.jp/html/iframe.htm
全文を見る
すると、全ての回答が全文表示されます。
  • nuruhho44
  • ベストアンサー率57% (38/66)
回答No.2

#1の方がご指摘の通り無理のようです。リンクも貼れません。 入力用として使うのでなければ、 <DIV style="width : 300px; height : 150px; overflow : auto;">内容文(内容が指定範囲を超えるとスクロールバーが出ます。)</DIV> でもいいかと思います。<DIV>タグですから、何でも入りますよ。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 記号()が混ざった正規表現について

    さらに、申し訳ありません。 文字列:<textarea name="sss1" cols="100" rows="12" onClick="FormName(this)">abcde</textarea><textarea name="sss2" cols="100" rows="12"></textarea> から、 abcde を抽出したく、 下記のようにコーディングしましたが、 abcde</textarea><textarea name="sss2" cols="100" rows="12"> になってしまいます。 正規表記のコーディングを教えてください。 よろしくお願いします。 <?php $a = "<textarea name=\"sss1\" cols=\"100\" rows=\"12\" onClick=\"FormName(this)\">abcde</textarea><textarea name=\"sss2\" cols=\"100\" rows=\"12\"></textarea>"; mb_ereg("<textarea name=\"sss1\" cols=\"100\" rows=\"12\" onClick=\"FormName(this)\">(.*)</textarea>",$a,$b); print "$b[1]"; ?>

    • ベストアンサー
    • PHP
  • テキストエリアの作成法

     下記のような横一列に並んだ3つのテキストエリアを作成しました。Mozilla Firefoxではほぼ期待通り表示されましたが、インターネット・エクスプローラーでは全く表示されません。後者でも表示させるにはどうしたらよいでしょうか。 またテキストエリア内の文章に改行をつけるにはどうしたらよいでしょうか。 <form><p class=MsoNormal><span><TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> &nbsp;<TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> &nbsp;<TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA></span></p></form>

  • <textarea>の最後尾に追加した実体参照や数値参照が意図した通り表示されない

    <textarea>の最後尾に追加した実体参照や数値参照が意図した通り表示されません。 確認したこと(■1■)と、やりたい事(■2■)は、下記の通りです。 ■1■ <textarea>~</textarea>の中に直接記述すると    下記の例だと、 <とか> と、表示されます。 <textarea name="output" id="outputEdit" style="background-color:#99ff66" cols=80 rows=25> &lt;とか&gt </textarea> ■2■ javascriptで<textarea>の最後尾に追加する方法だと、    下記の例だと、 &lt;&gt; と、表示されてしまいます。 <textarea name="output" id="outputEdit" style="background-color:#99ff66" cols=80 rows=25></textarea> <script language="javascript"> <!-- var objTextarea = document.getElementById('outputEdit'); objTextarea.value+="&lt;&gt;"; //--> </script> 2の記述で、1と同じ様に表示させたいのですが、 無理なのでしょうか? どうか宜しくお願いいたします。

  • テキストエリア内の一部の文字の色だけ変える

    テキストエリア内の一部の文字の色だけ変えることはできないですよね? たとえば下記の「さようなら」だけ文字の色を赤にするなど。全部なら知ってるんですが・・・。 <TEXTAREA NAME="TextArea" ROWS="7" COLS="73"> こんにちは。 さようなら。 </TEXTAREA> #「できない」という確信的回答もお待ちします。

    • ベストアンサー
    • HTML
  • TEXTAREAにあらかじめ文字を表示させたい

    掲示板形式のCGIをダウンロードして、ど素人ですが自分なりに改造に挑戦しています。 表題の通り、TEXTAREAにあらかじめ文字を表示させたいのですが、うまくいきません。 <TEXTAREA rows=$row cols=$col name=$name_comment $css_style>$c_comment</TEXTAREA>\n"; 検索エンジンでやり方を検索してみても <TEXTAREA>ここに入力しておく</TEXTAREA> のやり方にしかたどり着けず・・・。 できれば、 (1) (2) (3) (4) (5) このように複数行をあらかじめ表示させたいと思っています。 どなたかご教授いただけると助かります。

    • ベストアンサー
    • Perl
  • テキストエリア内にPHPのソースコードを書く

    <form action="" method="post"> <textarea name="img" cols=40 rows=4 readonly> <?php echo"<?php echo"masao"; ?>"; ?> </textarea></form> このプログラムの結果 <?php echo"masao"; ?> と表示したかったのですが案の定できませんでした。 どのようにしたら表示させることができるでしょうか?

    • ベストアンサー
    • PHP
  • ボタンをクリックして文字を置換する

    <textarea name="areaA" rows="4" cols="40"></textarea><br> <input type="button" onclick="..."> <textarea name="areaB" rows="4" cols="40"></textarea><br> という風な2つのテキストエリアとボタンを使い、 テキストエリアに文字を書いてもらい、 ボタンを押すと任意の行を置換したいです。 たとえば ------------------ #あああああ いいいいい #ううううう えええええ ------------------ というものを、ボタンを押すと先頭に#がついた行だけ置換して ------------------ <部品1>あああああ<部品2> いいいいい <部品1>ううううう<部品2> えええええ ------------------ という風なscriptを組みたいのですが、正規表現等が苦手でまったくうまくいきません。 ご教授いただけないでしょうか?

  • preg_match_allのバグ?

    改めて質問させていただきます。 <textarea cols=36 rows=15 name="before" wrap="virtual" style="width:320px;height:250px;">方法</textarea> <textarea cols=36 rows=15 name="after" wrap="virtual" style="width:320px;height:250px;">Method </textarea> これを preg_match_allの'/<textarea.*>(.*)<\/textarea>/ms'で二つとも取得するのですが、 他に色々と長い文字列を打ったうえで上記を取得すると何も表示されません。 ちなみに、文字の長さが半角で2820文字以上になると表示されません。 2819未満だとちゃんと取得して表示してくれます。 preg_match_allの関数のマニュアルを見たところそのような仕様は書いてありませんでした。 何かこれを取得できるように解決する方法はありませんでしょうか?

    • 締切済み
    • PHP
  • TEXTAREA内の文字のフォントとサイズの変更をするには?

    ホームページビルダー8を使って作成しています。 更新履歴用のテンプレートをダウンロードして貼り付けて使っているのですが、タグのTEXTAREA内に表示する文字を書き込むようになっていました。 それだとMSゴシックで表示されるのですが、MS UI Gothicに変更したいのです。あと文字の大きさが大きいのでもう少し小さめにしたいのです。 TEXTAREA内や直近にFONTタグを入れてみたのですがダメでした。 どのようにすればよいでしょうか? 以下の“更新履歴”と“ここに文字”のフォント・サイズを変えたいのです。 <TEXTAREA rows="5" cols="35" style="border:none;background:#efebce scrollbar-arrow-color:#7b5121; scrollbar-3dlight-color:#7b5121; scrollbar-highlight-color:#efebce; scrollbar-shadow-color:#7b5121; scrollbar-face-color:#efebce; scrollbar-darkshadow-color:#efebce;">&lt;更新履歴&gt; ここに文字 ここに文字 ここに文字</TEXTAREA> よろしくお願いします。

  • テキストエリアの幅を10桁までにしてスクロールさせないようにしたい

    タイトルのままなんですが、可能でしょうか? <textarea name="textarea" cols="40" rows="10">テスト</textarea> あと、テキストエリアに<pre>タグをつけると改行が入ってしまい、 1行分テキストエリアから離れてしまいます・・・。 テストタイトル<br> <pre><textarea name="textarea" cols="40" rows="10">テスト</textarea></pre> すみません、どなたかわかる方いらっしゃいますか? 教えてください(^^

    • ベストアンサー
    • HTML