input feld inhalt leeren - Seite 2

Ronnaki · #11 (**permalink**) 19.05.2008, 11:37

verdammt

, das hatte ich nach rechts rausgescrollt

protonenbeschleuniger · #12 (**permalink**) 19.05.2008, 11:45

Das geht auch mit etwas weniger Schreibarbeit:

Code:

<input 
value="Suchbegriff" 
onfocus="if(this.value==this.defaultValue)this.value='';" 
onblur="if(!this.value)this.value=defaultValue;" >

Cybertronic · #13 (**permalink**) 15.10.2009, 03:33

super sowas hab ich auch gesucht =) nur habe ich das problem das wenn ich das im passwort feld nutze klappt es nicht so ganz... erst steht da gar nichts drin, erst wenn ich es anklicke und dann wieder wo anders hin klicke steht es drin, aber is verschlüsselt, anstatt "passwort eingeben" steht dann nur ................ drin =/ wie kann ich eine ausnahme machen? also das der nur bei dem "passwort eingeben" keine verschlüsselung anzeigt?

One-Piece.AnimeSector.de

Pr0g · #14 (**permalink**) 15.10.2009, 03:43

Einmal Passwortfeld, immer Passwortfeld, also nein es geht nicht.

Cybertronic · #15 (**permalink**) 15.10.2009, 03:45

achso ^^ hmmm das kommt aber doof hmmm... meinste das geht mit nem background bild? das es so aussieht als ob? :P das sich ausblendet wenn man reinklickt und ausgeblendet bleibt falls man was eingibt? :P

ach und hab noch eine weitere frage zum input feld... Validatior meint das mein input feld ein bug hat... frag mich nur wo =/

Code:

<input class="small_field" value='<a href="http://one-piece.animesector.de" target="_blank"><img src="http://one-piece.animesector.de/system/navi/arm.png" alt="Enter One-Piece.AnimeSector.de!" width="88" height="31" border="0" /></a>'/>

Pr0g · #16 (**permalink**) 15.10.2009, 06:45

Stimmt mit einem Background-Image würde es gehen, daran hab ich jetzt garnicht gedacht. Habe mal den Code aus dem Post von protonenbeschleuniger angepasst:

HTML-Code:

<input type="password" name="mein_passwort" style="background-image:url(http://xhtmlforum.de/images/smilies/icon_wink.gif);background-repeat:no-repeat" onfocus="this.style.backgroundPosition='0 -100px'" onblur="if(!this.value)this.style.backgroundPosition='0'" />

Musst du natürlich noch eine passende Grafik einbinden

Zu deiner zweiten Frage, value erwartet als Inhalt reinen Text ohne HTML spezifische Zeichen wie < etc. Also alle Sonderzeichen als Entities ausgeben, was dann so aussehen würde:

HTML-Code:

<input class="small_field" value="&lt;a href=&quot;http://one-piece.animesector.de&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://one-piece.animesector.de/system/navi/arm.png&quot; alt=&quot;Enter One-Piece.AnimeSector.de!&quot; width=&quot;88&quot; height=&quot;31&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;" />

Falls du die Daten per PHP füllst kannst du es auch direkt per Script machen mit htmlspecialchars():

PHP-Code:


			
<?php
  $code = '<a href="http://one-piece.animesector.de" target="_blank"><img src="http://one-piece.animesector.de/system/navi/arm.png" alt="Enter One-Piece.AnimeSector.de!" width="88" height="31" border="0" /></a>';
  $code = htmlspecialchars($code);
  echo '<input class="small_field" value="' . $code . '" />'
?>

Boris · #17 (**permalink**) 15.10.2009, 10:36

Natürlich geht es auch anders - man muss halt ein normales Textfeld (type="text") nehmen und bei einem onClick Event daraus ein Passwortfeld machen (type="password").

protonenbeschleuniger · #18 (**permalink**) 15.10.2009, 10:54

Geht aber nicht im IE (zumindest 6'er, bei neueren hab ich das noch nicht ausprobiert)

Boris · #19 (**permalink**) 15.10.2009, 11:21

Für die IEs muss man es ein wenig anders machen:
Change Input Type Dynamically :: Dynamic Site Solutions

Cybertronic · #20 (**permalink**) 15.10.2009, 13:20

sehr nice =) vielen dank für die vielen antworten und tipps =) leider kann ich kein englisch =/ war schön ein wunder das ich die wörter gelernt hab die man für html und css brauch

@Pr0g
Danke habe direkt mal den php code ausprobiert, weil man da anscheinend die normalen sonderzeichen lassen darf und ich eh gerne mal so gaaanz langsm aber sich php verstehen möchte =) aber hat diese variante nun noch einen vorteil im gegenzug zu der normalen input möglichkeit? abgesehen von der erlaubnis sonderzeichen normal rein zu hauen?

Und ist es möglich in dem code noch einen berfehl rein zu hauen der dafür sorgt das sich das input feld in die tife zieht? das es dem user bequemer macht den text raus zu kopieren? oder das wenn der user das input feld anklickt direkt alles markiert ist würde auch reichen =) ansonsten klappt es echt super, abgesehen davon das die außen div wiedermal anfängt dinge in ihr zu ignorieren, und sich nicht tief genug mit dehnt =/ diese divs sind echt ein mysterium...

und...

@Boris
Danke dir für deinen vorschlag, ohne bild währe mir auch lieber eigentlich weils weniger müll auf dem server verursacht, aber anders wüsste ich grad nich wie ichs machen soll =/

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS-Layout der Browsergröße anpassen	Jen	CSS	3	14.11.2008 08:39
Problem mit position:relative;	McCoRmIcK	CSS	0	08.04.2007 16:23
dreispaltiges layout, footer soll immer mitwandern	sirrpa	CSS	14	24.11.2005 18:57
div box bekomme ich nett zentriert???	Hard@Bowl	CSS	1	23.05.2005 11:22
height: 100% beim IE	[M.o.C]Co	CSS	3	12.05.2005 12:58