HTMLテキストボックス内の文字列で1文字単位で色を変更する方法

このQ&Aのポイント
  • HTMLテキストボックス内の文字列で1文字単位で色を変更する方法を教えてください。
  • Eclipse3.5上でJava、JSP、サーブレット、HTML、MySQL等を利用して、動的Webサイトを作成しています。HTMLテキストボックス内の文字列に対して1文字単位で色を変更する方法を教えてください。
  • CSSを使用すればHTMLテキストボックス内の全文字列の色を変更することはできますが、1文字単位で色を変更する方法に関しては情報が見つかりませんでした。知っている方がいらっしゃいましたら教えてください。
回答を見る
  • ベストアンサー

HTMLテキストボックス内の文字列で「1文字単位で色を変更」する方法を

HTMLテキストボックス内の文字列で「1文字単位で色を変更」する方法を ご存知の方がいらっしゃいましたら、ぜひ教えてください。 お世話になります。 Eclipse3.5上でJava、JSP、サーブレット、HTML、MySQL等を利用して、 動的Webサイトを作成中なのですが、 HTMLテキストボックス内の文字列に対して、 「1文字単位で色を変更」する方法をご存知の方がいらっしゃいましたら、 ぜひ教えてください。 (HTMLテキストボックス内の全文字列の色を変更する方法でしたら、  CSS等で実現可能のようでしたが、  残念ながら、一部の文字単位で色を変更する方法については、書籍やネットで調べましたが  答えを見つけられませんでした) 以上、宜しくお願い致します。

  • HTML
  • 回答数5
  • ありがとう数9

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

  • ベストアンサー
回答No.5

textareaじゃなくてcontenteditable属性を利用する方法はどうでしょう?

hiroasa21
質問者

お礼

教えていただきましたcontenteditable属性を、 HTMLの表(テーブル)を、テキストボックスにみたてて、 その内部に対して、利用してみたところうまくいきました。 ご回答いただきまして、本当にありがとうございました。

その他の回答 (4)

回答No.4

No.1です。 失礼しました。「テキストボックス」の部分を読んでいませんでした。 <textare>、<input>などであれば1文字ずつ変えることは出来ません。

hiroasa21
質問者

お礼

了解致しました。 ご回答いただきまして、 ありがとうございました。

  • rurino
  • ベストアンサー率55% (38/68)
回答No.3

テキストボックスの意味がフォームのテキスト、テキストエリアのことであれば、 おそらくは不可能ではないかと思われます。 見た目だけの問題であれば、 テキストボックスに見せかけた<div>の中に値を書いて各文字を<span>で囲うという方法がありますが…

hiroasa21
質問者

お礼

参考にさせていただきます。 ご回答いただきまして、 ありがとうございました。

  • nda23
  • ベストアンサー率54% (777/1415)
回答No.2

ラベルのように表示するだけなら何とかなりますが、 テキストボックスでしょ? エディットコントロールに対してそんな制御は できないと思いますよ。 低レベル(幼稚という意味ではなく、機械に近い という意味、ここではC言語で作る)のWindows プログラムをやると分かりますが、自力でテキスト ボックス、つまりエディットコントロールを処理する のは凄く大変で、普通はやりません。出来合いのもの では「全体」の色やフォントは設定できますが、 「1文字ずつ」は扱っていません。例えば、2文字は 通常、それ以降はパスワード(入力文字が*)なんて できません。やろうとすると、サブクラス化して、 処理内容を全部フックしないと無理です。

hiroasa21
質問者

お礼

参考になりました。 ご回答いただきまして、 ありがとうございました。

回答No.1

1文字ずつ<span>などで囲って、<span>に色を指定してください。

hiroasa21
質問者

お礼

ご回答いただきまして、ありがとうございました。

関連するQ&A

  • HTMLでのテキストエリアで入力した文字を。。。

    JSP/サーブレットの勉強をしていますがわからなくなったので質問お願いします。 HTMLのフォームのテキストエリアで記入した文字を改行の状態もそのままにしてjspで表示したいのですがどうすればできますでしょうか?

  • テキストボックスの文字の大きさを変更するには

    タグ打ちでWebページを作っています。 テキストボックスに関する質問です。 テキストボックス本体の大きさは下のように記述すれば指定できることはわかっているのですが、 <input type="text" size=xx> テキストボックス内の「文字」の大きさを変更するにはどうすればよいでしょうか。 HTMLタグ、JavaScript、CSSでできる方法を教えてください。

  • Photoshopで、テキストの色を一文字ずつ変えたい

    こんにちは。Windows XPでPhotoshop 5.0Jを使っています。 テキストの色を一文字単位で変えたいのですが、簡単にできる方法はありますでしょうか? テキストボックスで文字を入力する段階では、カラーは一つだけしか指定できず、全体がその色になってしまいますし、テキストボックスを閉じ、画面に文字が現れた状態でも、ワードなどのように後から一文字一文字に色を指定することはできませんよね。 一文字テキストボックスで打ち、赤に指定して確定、 つぎにもう一文字打って、今度はオレンジに指定して確定……というのを繰り返していけば確かにできないことはないでしょうが、何せ面倒です。位置もずれてしまいそうですし。 何かよいアイディア・テクニックをご存知の方がいたら、ぜひ教えてください。

  • リッチテキストボックスについて

    こんにちは。Kakugariです。 コード内で、リッチテキストボックスの特定の文字(例えば、何文字目から、何文字目までなど)の色を変更することはできるでしょうか?SelColorプロパティを使ってみたのですが、あれはユーザーが選択した文字列の色を変えるものなので困っています。よろしくお願いします。

  • テキストボックスから勝手に画面遷移される。

    urizakaです。 現在J-BUilderを使ってテキストボックスに入力された内容をDBに送るという JSPの画面を作っているのですが、そこでテキストボックスでEnterキーを押すと 勝手にサーブレットに遷移されるというエラーが発生してしまいます。最初は、 <Form name="Insert" Method="POST" Action="…"> (…にはサーブレットのアドレスが入ります) と設定しているので、それでActionに登録されたサーブレットに遷移してしまう のだと思い、ActionをJSP上のボタンが押された時に設定されるようにしたのですが、そうするとそのページが表示される前に実行されるサーブレットに移動してしまいます。もしかすると、HTMLの設定の問題なのかもしれませんが、すみませんが この件についてご存知の方がいらっしゃいましたら教えてください。  宜しくお願いします。

    • ベストアンサー
    • Java
  • access テキストボックス内に文字列を追加

    テキストボックス内に文字列を追加したいのですが、 「260文字目に”文字列X”を挿入する」的な事はできますか? テキストボックス内には500文字位あります。 replaceでは都合が悪いのです。 よろしくおねがいします。

  • テキストの文字列検索で、検索した文字の色を変える方法は?

    教えてください。 テキストボックスの内容を読み込んで、指定した文字列を検索するというコードを書いているのですが、 jl = InStr(i, Text2.Text) If (jl > 0) Then のように、テキストを一行ずつOpen~で読み込んで、Instrで指定した文字があるかどうかを判定しています。 これでは、検索した文字があったかどうか、という判定はできますが、検索あるいは置き換えした文字がどれであるか、またトータル何件あったかが分かりません。 検索ならば、一つずつ対象文字を発見したときにその文字の場所で止めて、またその文字の色を変える方法が分かりません。 また、置き換えならば、全文対象に一気に置き換えて、その置き換えた文字の色を変えて分かりやすくしたいのですが、その方法が分かりません。 検索あるいは置き換えの方法はマニュアルにあるのですが、その場所で止めて色を変えるというコードがなかなか載っていません。 どなたか教えてくださいませ。 お願いいたします。

  • 見えないテキストボックスを作りたい

    urizakaと申します。 さて、さっそく質問なのですが、目に見えないテキストボックスって作るのは可能なのでしょうか?  実は、現在JSPのプログラムを作っているのですが、その際、ページにテキストボックスがひとつしかない状態でそのテキストボックスにカーソルがある状態でEnterキーを押すと、勝手にサーブレットに飛んでしまうという症状が発生したため、もうひとつユーザーの目に見えないテキストボックスを作りたい(テキストボックスが二つある場合はそのような症状は起きない)と思い、<INPUT TYPE="TEXT" name="DUMMY" SIZE="0">と表示してもある程度の大きさのテキストボックスが表示されてしまいます。  いろいろと本などで調べてみたのですが、それらしいことすら書いていない状態なので・・・すみませんが、ご存知の方が教えていただけないでしょうか?  宜しくお願いします。

    • ベストアンサー
    • HTML
  • 「HTML(縦スクロールバー付)テキストエリア」内の編集可能状態の文字

    「HTML(縦スクロールバー付)テキストエリア」内の編集可能状態の文字列に対して、1文字単位で文字色を変更して初期表示させたいのですが、何か良い方法をご存じの方がいらっしゃいましたら、ヒントだけでも構いませんので、ぜひアドバイスをお願い致します。いつも皆様にはお世話になっております。ありがとうございます。

    • ベストアンサー
    • HTML
  • テキストボックス内の文字列を枠と連動して傾ける方法

    Office 2007,XPHome Edition のユーザーです。 テキストボックスやオートシェイプに文字を入れた後、図形を回転すると文字は 回転しないで水平になったままです。 この文字列を、ボックスと連動して傾けさせる方法を教えてください。

専門家に質問してみよう