Inhalt im Textfeld entfernen

[thehasso]

Hallo zusammen,


Bei studivz sieht man beim einloggen bei den Textfelder steht im Textfeld einmal E-mail und einmal passwort.
Wenn man auf das Textfeld klickt und die E-Mail einzugeben verschwindet dann die Beschriftung.


Ich weis nicht wie man das realisiert. Deswegen frage ich hier ob jemand ein Link hat oder fertiges Beispiel dass die Sache erklärt.

Beispiel: login Skript
http://www.studivz.de



ICH DANKE

LG

 

[ComFreek]

Das geht sehr leicht. Du kannst das mit JavaScript machen. Nutze die Events onFocus und onBlur.
Den Funktionen wird das Objekt this übergeben, also das Input-Feld.
Du könntest auch noch verschiedene Schriftfarben nehmen.

<script type="text/javascript">
InputTxt = "Email Adresse eingeben";
function checkInputFocus(obj)
{
  if (obj.value==InputTxt) // Ist Inhalt gleich InputTxt? Dann "bereite" ihn für Nutzer vor
    obj.value = "";
}
function checkInputBlur(obj)
{
  if (obj.value=="") // Keine Änderung am Inhalt (sprich leer, siehe oben) oder leer? Dann setze wieder Standardtext.
    obj.value = InputTxt;
}
</script>

...
<input value="Email Adresse eingeben" type="text" onfocus="checkInputFocus(this);" onblur="checkInputBlur(this)">
...

 

[Maik]

Hi,

mit der Formatierungssprache CSS lässt sich der Wertinhalt des value-Attributs im <input>-Element nicht entfernen.

ComFreek hat da ein Beispiel mit Javascript aufgezeigt, und ich leite dein Thema entsprechend weiter.

mfg Maik