JQuery Standardtext in leerem Textfeld

7

Ich habe ein E-Mail-Formular-Textfeld, das, während es leer ist, möchte ich, dass es den Wert "E-Mail" hat Und wenn Sie darauf klicken, verschwindet der Text. Wenn jemand darauf klickt und keinen Text eingibt. Bei Blur möchte ich, dass der Standardtext wiederhergestellt wird.

Ich habe ein paar Dinge versucht, aber nichts funktioniert. Könnte mir bitte jemand in die richtige Richtung zeigen?

    
CongdonJL 22.01.2011, 21:07
quelle

7 Antworten

20

Oder Sie könnten einfach das Platzhalter html5 Attribut verwenden:

%Vor%     
webtweakers 17.03.2012 16:53
quelle
9

es geht so etwas

%Vor%     
Jacob Lowe 23.01.2011 01:15
quelle
5

Sie können das Platzhalterattribut verwenden und dann diese jquery als Sicherung für den IE verwenden

%Vor%     
vts 28.11.2012 19:56
quelle
3

Es ist ziemlich einfach. Löschen Sie einfach den Wert onfocus , und dann (wenn der Wert immer noch leer ist) füllen Sie es nach onblur .

    
sdleihssirhc 22.01.2011 21:12
quelle
1

Du könntest eines der Wasserzeichen-Plugins von jquery verwenden, die genau das tun. Ich benutze ein Wasserzeichen-Plugin mit folgendem Code

%Vor%

};

Kann in jquery aufgerufen werden, indem die Klasse des Eingabefeldes auf Wasserzeichen gesetzt wird.

%Vor%

Der Titel wird im Wasserzeichen angezeigt.

    
Cyril Gupta 22.01.2011 21:54
quelle
1

Verwenden Sie dieses Jquery-Platzhalter

Mit diesem Plugin können Sie auch das Platzhalterattribut in nicht HTML5-fähigen Browsern verwenden.

    
Khabba 15.02.2013 13:23
quelle
1

Rufen Sie die folgende Funktion auf und übergeben Sie ihr zwei Argumente: slightLabel (jQuery ('# email_field'), 'email');

%Vor%     
rahmanisback 22.01.2011 21:16
quelle

Tags und Links