einzelne Buchstaben im value eines Textfeldes färben

[r74]

Hallo Forum

Ich versuche mit

<input type="text" value="<span style='color:green;'>H</span>allo" />

die Buchstaben im Vorgabetext eines Textfeldes verschieden farbig zu machen.

Meine bisherigen Versuche (siehe oben) sind gescheitert. Kann mir jemand bitte helfen?

 

[Wustersoss]

Schau mal bitte Listen-Menüs mit CSS formatieren – CSS - Onlinemagazin devmag.net an und vergleiche mit deinem HTML-Code. Fällt dir was auf?

Value ist das Attribut, welches den Wert enthält, der abgesendet wird.

 

[threadi]

Wenn es um die Färbung des 1. Buchstabens geht könnte theoretisch auch das klappen:

input:first-letter { color: green; }

Ungetestet.

Hab das Topic auch gleich zu CSS verschoben, da Gestaltung mit HTML nichts zu tun hat.

 

[Wustersoss]

Geht nicht, habe diverses ausprobiert. Man kann lediglich das ganze Feld in Grösse, Farbe, und Schrift verändern, sowie den Rahmen manipulieren.

 

[NetAktiv]

Ein Input-Feld dient doch der Eingabe durch den Benutzer, man weiß also nie, was der da nun reinschreibt. Insofern kann man doch auch im Voraus nie so genau wissen, welcher Buchstabe denn nun vernünftig wie einzufärben ist, es sei denn, man denkt Hauptsache bunt.

 

[r74]

@NetAktiv: Sehen all deine Beiträge so aus? Du beantwortest nicht meine Frage, du wertest sie. Nur weil DU dir nicht vorstellen kannst, wofür so eine Einfärbung gut sein soll, heisst das noch lange nicht, dass es dafür keinen sinnvollen Verwendungszweck geben würde.

@Wustersoss: Ganz unmöglich scheints nicht zu sein. Ich kann mir aber (noch) nicht genau vorstellen, wie das auf mein Vorhaben abgeändert werden kann. Schau Zweifarbige Input-Elemente im Browser - Alexander Merz

Und hier noch der genaue Verwendungszweck meiner Frage:
In einem Textfeld können (in linearer Schreibweise) mathematische Ausdrücke eingegeben werden, z.B. 3*(2-(1+4)). Ich möchte sobald eine geschlossene Klammer ")" eingetippt wird, die dazugehörige sich öffnende Klammer in einer anderen Farbe hervorheben.

 

[NetAktiv]

Und hier noch der genaue Verwendungszweck meiner Frage ...

Das ist dann doch mehr ein Editierfeld mit Syntaxprüfung denn eine einfache Eingabe. Dieses Feld hier erlaubt was du willst, nämlich Formatieren von Eingaben. Also such mal beispielsweise nach CkEdit und dessen Events.

 

[janm]

vielleicht kann ich hier auch mal als stichwort html5 - contenteditable in den raum werfen