Vordefinierten Text automatisch aus Eingabefeld löschen mit Javascript

Vorgefertigter Text in einem Feld lässt sich per Javascript löschen, sobald der Besucher in das Eingabefeld klickt.

Einerseits sind Hinweistexte im Eingabefeld hilfreich, damit der Besucher weiß, was er ausfüllen muss (z.B. ihre@mailadresse.de), andererseits muss der Besucher diese Texte beim Ausfüllen von Hand löschen.

Mit dem folgenden Javascript werden diese Standardtexte automatisch gelöscht (und auch wiederhergestellt, falls keine Angabe im Feld gemacht wurde).

<html>
<head>
<title>Vordefinierten Text automatisch aus Eingabefeld löschen</title>
</head>
<body>

<form>
Name: <input name="Name" type="text" value="Ihr Name..." onBlur="if(this.value=='') this.value='Ihr Name...';" onFocus="if(this.value=='Ihr Name...') this.value='';"><br>
eMail: <input name="Email" type="text" value="ihre@mailadresse.de" onBlur="if(this.value=='') this.value='ihre@mailadresse.de';" onFocus="if(this.value=='ihre@mailadresse.de') this.value='';"><br>
<input type="submit" value="Absenden">
</form>

</body>
</html>

Kategorie: Javascript

Tags:

RSSComments (0)

Trackback URL

Kommentar schreiben




Kommentare mit Foto bitte mittels Gravatar.