Textfelder mit Benutzername und Passwort

Skipp3r

Grünschnabel
Hallo....

Folgendes.... Ich sehe öfter mal auf irgendwelchen Seiten bei Textfeldern dass in diesen Textfeldern Benutzername und Passwort drin steht.....
Wenn man nun in das jeweilige Textfeld klickt verschwindet der Text: "Benutzername" oder "Passwort" direkt....

Nun meine Frage wie kann man das anstellen ich habe echt keine ahnung mit was ich das machen soll is das irgendein PHP Code CSS?

Da ich momentan an meiner Homepage bastell würd ich das gern so machen nur weiß ich nicht wie!

Wäre nett wenn mir jemand helfen könnte!
 
Moin!
Hat m.E. eher was mit Javascript zu tun, gehört also daher eher in dieses Forum.
Sobald das Feld den Focus hat, oder draufgeklickt wird, wird der Inhalt gelöscht.
Beispiel:
Code:
<script LANGUAGE="JavaScript">
function delusername()
{ 
  if (document.login.name.value == "username")  document.login.name.value = ""; 
}
</script>

<form name="login">
  <input name="name" type="text" size="30" maxlength="30"
value="username" onfocus="delusername();">
</form>

*grüssle*
MeinerEiner
 
Zuletzt bearbeitet von einem Moderator:
Mein Vorschlag:
HTML:
<script type="text/javascript" charset="utf-8">
window.onload = function() {
	var elems = document.getElementsByTagName("input");
	for( var i=0; i<elems.length; i++ ) {
		if( !elems[i].className.match(/\s*has-default\s*/) ) {
			continue;
		}
		elems[i].onfocus    = new Function("if(this.value==this.defaultValue)this.value=''");
		elems[i].onblur     = new Function("if(this.value=='')this.value=this.defaultValue");
		elems[i].onchange   = new Function("this.defaultValue=''");
	}
}
</script>

<input type="text" value="Name" class="has-default">
<input type="text" value="Name" class="has-default">
Wenn du den if-Block heraus nimmst, wird es auf alle input-Elemente angewandt.
 

Neue Beiträge

Zurück