Tutorial HTML, CSS u. PHP - Forum

[drPHIP132]

Moin,
bin noch in JS totaler n00b und Axel's Videokurs konnte mir keine Antwort auf meine Frage geben.

Kann man mit einem onClick - event (das heißt doch so? xD) den input type ändern (und gleichzeitig value leeren)?

Code: Alles auswählen

<form>
<input type="text" value="Hier Passwort eintragen..." onClick="" />
</form>


Danke für Antworten,
Phip

[Yamram]

Heyho,
natürlich geht das. Machs einfach so:

Code: Alles auswählen

function ChangeType() {
  document.getElementById("changeit").type = "password";
}


und dann natürlich entsprechend...

Code: Alles auswählen

  <input id="changeit" type="text" value="Passwort" onfocus="ChangeType();" />


Du solltest dann vielleicht noch das Value-Attribut leeren, weil sonst ist das doof für den User ;)

[drPHIP132]

vielen dank.

[drPHIP132]

kann man es nach dem verlassen des feldes (wenn es leer ist) auch wieder in den ursprungszustand versetzten?

[Basiii]

Ja, mal ein Denkanstoß (na ja, eher Lösung):

Code: Alles auswählen

  <input type="text" onfocus="this.type='password';" onblur="if(''==this.value) this.type='text';" />



[Yamram]

@Basiii: Ja, man kann es natürlich direkt darein packen

[drPHIP132]

für was steht onblur="" ?

sorry, das ist eine der wenigen on~ - dinge in JS die ich noch nie gehört habe xD

[Basiii]

Es heißt so viel wie: onblur (beim Verlassen).

[Yamram]

Geht das nicht auch mit onfocusout? Es handelt sich ja um Input-Felder

[Basiii]

onfocusout ?

Was ist das? Gibt es nicht..

Okay ich habe gelogen: Gibt es, heißt onblur.

[Yamram]

Ja, ich habe mich schon gewundert. Denn mein Notepad++ will das nicht highlighten ;) Aber in Google Chrome läuft das tadellos O.o

[Basiii]

Existiert in JavaScript an sich aber nicht, vielleicht hat da auch ein Google Entwickler Mist gebaut, sich vertan, oder wollte einfach nur einen Gag einbauen.