input text oder textarea feld inhalt mit einem klick löschen

noskule · 26.08.2005, 13:59

hallo forum
wie geht eigentlich der trick durch den der vordefinierte inhalt von input text oder textarea verschwindet wenn man ins feld klickt?

Code:

<input name='username' class='inputbox userauthinput' value='Username' />

Wenn mans so macht wie oben so muss man "Username" ganz normal löschen.

Hat da jemand eine idee?
vielen dank
nos

DiBo33 · 26.08.2005, 14:06

Code:

<input name='username' class='inputbox userauthinput' value='Username' 
  onfocus='if(this.value==this.defaultValue)this.value='';'
  onblur='if(this.value=='')this.value=this.defaultValue;' />

noskule · 26.08.2005, 16:05

hm, scheint irgendwie nicht zu funktionieren, das heisst "Username" bleibt wenn man draufklickt , bei mozilla und ie . . ...

noskule · 26.08.2005, 16:14

ah, habs! zweimal die gleiche anführungszeichen verschachteln geht nicht

Code:

<input name='username' class='inputbox userauthinput' value='Username'
  onfocus="if(this.value==this.defaultValue)this.value='';"
  onblur="if(this.value=='')this.value=this.defaultValue;" />

26.08.2005, 16:14

Was hast du denn da für einen Klassennamen? Ich würde da mal ganz schnell das Leerzeichen rausnehmen.

Code:

<input name="username" class="inputbox_userauthinput" value="Username" onfocus="if(this.value=='Username'){this.value='';}" onblur="if(this.value=''){this.value=='Username';}" />

Solte eigentlich gehen (oder nimm halt defaultValue, hab das noch nie gesehen bzw. getestet aber wird schon stimmen

)
EDIT: Okay.

DiBo33 · 26.08.2005, 16:34

Zitat:

Zitat von Michigras

Was hast du denn da für einen Klassennamen? Ich würde da mal ganz schnell das Leerzeichen rausnehmen.

Nope, es handelt sich um 2 Klassen, nix mit Leerzeichen rausnehmen

Niedi · 26.08.2005, 16:43

@michigras: dachte ich damals auhc immer ^^ bis ich draufgekommen bin, das man so mehrere klassen auf einmal einbinden kann hehe

Susanne09 · 26.05.2009, 20:57

Weiss jemand, wie man so ein Script in eine Seite einbauen kann, sodaß es global für alle vorhandenen Inputs und Textareas gilt?
Hab da nämlich ein Formular, dessen Code ich nicht beeinflussen kann, da es von einem Plugin generiert wird.

Susanne09 · 26.05.2009, 21:00

Eine ID oder Klasse könnte ich den Inputs und Textareas noch zuweisen, fällt mir gerade auf.

e: ups - sorry für den doppelpost, dachte ich hätte auch ändern geklickt.

leonv · 26.05.2009, 21:26

Sowas sollte mit einem eventlistener gehen, der über DOM alle Textfelder überwacht und bei onfocus() den Inhalt leert.
mediaevent.de :: Javascript :: Anmelden von Ereignissen mit dem Event Listener des DOM

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bild verschafft sich platz		HTML, Usability und Barrierefreiheit	14	11.08.2008 23:45
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
input inhalt bei klick ändern	jar3d	HTML, Usability und Barrierefreiheit	3	10.01.2008 16:33
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Width Problem bei input und text Feld	suter	HTML, Usability und Barrierefreiheit	2	14.02.2007 14:03
JS: Bei Klick in eine Textarea den gesamten Text markieren	PsychoEagle	HTML, Usability und Barrierefreiheit	2	10.07.2006 09:17
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text im einem TEXTAREA feld ändern	Soese	HTML, Usability und Barrierefreiheit	5	26.07.2005 16:46
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] Eingabefeld: Bei Klick in's Feld Inhalt markieren		HTML, Usability und Barrierefreiheit	5	13.06.2005 23:16
Text per Klick in Textarea einfügen Abhängig von Radiobutton	18inch	HTML, Usability und Barrierefreiheit	1	09.05.2005 11:22
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
Text in Input per Klick hinzufügen, bei erneutem Klick lösch	18inch	HTML, Usability und Barrierefreiheit	2	05.03.2005 14:01
text in ein input feld rein schreiben		HTML, Usability und Barrierefreiheit	4	30.10.2004 12:45
Hochkommas in Input Feld		PHP Tipps 2004	3	12.06.2004 15:54

26.08.2005, 13:59
noskule Benutzer Registriert seit: 04.01.2005 Beiträge: 65	input text oder textarea feld inhalt mit einem klick löschen hallo forum wie geht eigentlich der trick durch den der vordefinierte inhalt von input text oder textarea verschwindet wenn man ins feld klickt? Code: <input name='username' class='inputbox userauthinput' value='Username' /> Wenn mans so macht wie oben so muss man "Username" ganz normal löschen. Hat da jemand eine idee? vielen dank nos


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.08.2005, 14:06
DiBo33 Erfahrener Benutzer Registriert seit: 05.07.2004 Beiträge: 1.476	Code: <input name='username' class='inputbox userauthinput' value='Username' onfocus='if(this.value==this.defaultValue)this.value='';' onblur='if(this.value=='')this.value=this.defaultValue;' />

26.08.2005, 16:05
noskule Benutzer Registriert seit: 04.01.2005 Beiträge: 65	hm, scheint irgendwie nicht zu funktionieren, das heisst "Username" bleibt wenn man draufklickt , bei mozilla und ie . . ...

26.08.2005, 16:14
noskule Benutzer Registriert seit: 04.01.2005 Beiträge: 65	ah, habs! zweimal die gleiche anführungszeichen verschachteln geht nicht Code: <input name='username' class='inputbox userauthinput' value='Username' onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" />

26.08.2005, 16:14
Gast Beiträge: n/a	Was hast du denn da für einen Klassennamen? Ich würde da mal ganz schnell das Leerzeichen rausnehmen. Code: <input name="username" class="inputbox_userauthinput" value="Username" onfocus="if(this.value=='Username'){this.value='';}" onblur="if(this.value=''){this.value=='Username';}" /> Solte eigentlich gehen (oder nimm halt defaultValue, hab das noch nie gesehen bzw. getestet aber wird schon stimmen ) EDIT: Okay.

26.08.2005, 16:43
Niedi Erfahrener Benutzer Registriert seit: 16.03.2005 Beiträge: 421	@michigras: dachte ich damals auhc immer ^^ bis ich draufgekommen bin, das man so mehrere klassen auf einmal einbinden kann hehe __________________ http://forum.developers-guide.net Klick dich REICH: http://www.klick-reich.de/index2.php...lden&ref=Niedi

26.05.2009, 20:57
Susanne09 Neuer Benutzer Registriert seit: 24.05.2009 Beiträge: 13	Weiss jemand, wie man so ein Script in eine Seite einbauen kann, sodaß es global für alle vorhandenen Inputs und Textareas gilt? Hab da nämlich ein Formular, dessen Code ich nicht beeinflussen kann, da es von einem Plugin generiert wird.

26.05.2009, 21:00
Susanne09 Neuer Benutzer Registriert seit: 24.05.2009 Beiträge: 13	Eine ID oder Klasse könnte ich den Inputs und Textareas noch zuweisen, fällt mir gerade auf. e: ups - sorry für den doppelpost, dachte ich hätte auch ändern geklickt.

26.05.2009, 21:26
leonv Erfahrener Benutzer Registriert seit: 12.01.2009 Beiträge: 344 PHP-Kenntnisse: Fortgeschritten	Sowas sollte mit einem eventlistener gehen, der über DOM alle Textfelder überwacht und bei onfocus() den Inhalt leert. mediaevent.de :: Javascript :: Anmelden von Ereignissen mit dem Event Listener des DOM __________________ Kreativität und Schöpfung durch Chaos und Ordnung.