Textfeld in einem Formular highlighten

[spesso]

Wie highlighte ich eine textfeld in einem Formular ?

Hoi all,

ich habe schon auf diversen Seiten gesehen das sie beim draufklicken in ein Formular-Textfeld die Farbe wechselt. Wie genau funktioniert das ist das css oder jscript ?

THX for help

 

[Adam Wille]

Entweder mit JSS:

<input type="text" ... onFocus="this.style.backgroundColor='#FF0000';">

oder über CSS mithilfe der Pseudoformatierung element:focus:

<style type="text/css">
input.roterhg:link { }
input.roterhg:visited { }
input.roterhg:hover { }
input.roterhg:active { }
input.roterhg:focus { background-color:#FF0000 }
</style>
...
<input type="text" ... class="roterhg">

hth,
Geist

 

[Dick Starbuck]

Hallo,

dein Satzbau lässt nicht 100 prozentig erkennen, was du möchtest, aber ich denke du meinst Folgendes:

<input name="name" type="text" style="background:'white'" onClick="this.style.background='red'" onBlur="this.style.background='white'">

Versuch doch demnächst bitte, deine Fragen etwas deutlicher zu formulieren. Danke!

Gruß, Dick

//Edit: Klar, wieder zu langsam!

 

[spesso]

Besten Dank für die Hilfe es kunktioniert jetzt einwandfrei

@Dick Starbuck
werds mir das nächste mal merken mit der Satzstellung


Gruss spesso

 

[hookx]

oder über CSS mithilfe der Pseudoformatierung element:focus:

<style type="text/css">
input.roterhg:link { }
input.roterhg:visited { }
input.roterhg:hover { }
input.roterhg:active { }
input.roterhg:focus { background-color:#FF0000 }
</style>
...
<input type="text" ... class="roterhg">

hth,
Geist

Hallo,

leider ist diese Variante nciht gut. Funktioniert nur bei NICHT-InternetExplorer-Browsern.
Gibt es da keine andere Variante, die ohne JS funktioniert?

Gruß

hook

 

[Fabian H]

Wieso nicht mit JS?


@Dick Starbuck: Man kann auch statt onClick onFocus nehmen, dann wir die Farbe auch geändert, wenn man z.B. mit TAB reinspringt.

 

[Avariel]

Original geschrieben von hookx
Hallo,

leider ist diese Variante nciht gut. Funktioniert nur bei NICHT-InternetExplorer-Browsern.
Gibt es da keine andere Variante, die ohne JS funktioniert?

Gruß

hook

Die Variante die du da gequotet hast ist doch schon die Version ohne JS. Für mich sieht das jedenfalls nach CSS aus (<style type="text/css">)

Ich habs jetzt zwar nicht ausprobiert, aber im IE sollte 'focus' auch funktionieren, die anderen (active, hover...) funktionieren sicher.

 

[hookx]

nein, css:focus funktioniert, wie schon gesagt, NICHT mit dem IE.
egal mit welcher version. das funktioniert nur mit opera, ns ab 6, und mozilla.

naja, dann muss ich wohl aber auf die js-variante zurückgreifen.
danke

btw: ich weiß selber, dass das, was ich da gequotet habe, css ist

 

[Dick Starbuck]

Öhm.. Was ich da gepostet habe funktioniert auf jeden Fall im IE und auch in anderen Browsern. Und verwendet kein onFocus. Was ist dein Problem damit?