Toon 'Wachtwoord' type sterretjes

<input type='PASSWORD' ... > moet je gebruiken ;)

Idd, maar als ik dan de waarde van deze box met javascript wil invullen zodat er effectief 'wachtwoord' te lezen staat, dan is dat ook in bolletjes.

Bedoeling is dan om op de focus van dat vakje het weer leeg te maken, zodat er in bolletjes getypt wordt.

Uhh in de broncode kijken van die website?

Dan maak je op de focus het vakje leeg, en je verandert het type van text naar password :)

Ja, dat heb ik gedaan, maar ik geraak er niets wijzer uit.
Wel is het zo dat zij ook type='password' gebruiken ...

Standaard een standaart input ervan maken.
Als de focus d'r op komt met javascript het een password input van maken en wachtwoord weghalen.
Gebruik bijvoorbeeld jQuery, daarmee moet het wel simpel te doen zijn.

@jelmer

Momenteel staat het type op 'password', erin typen gebeurt dan vanzelfsprekend ook in bolletjes ...

Maar met javascript invullen levert dan ook bolletjes op

@ Karl

Yep, idd ... het is gelukt, bedankt !!

Voor de anderen dit hetzelfde probleem hebben:
http://www.electrictoolbox.com/jquery-toggle-between-password-text-field/

Ik weet het niet zeker, maar heb je nu:

standaard text-input, met js (of php) de text erin en dan als erop geklikt (focus), word het veld leeggemaakt en word het een password-ding?

Volgens mij kun je het beter anders doen, zodat mensen die JS uit hebben staan (of niet eens hebben) ook gewoon het password veld hebben.

Ik zou het zo doen:

<input type="password" ..>

Body OnLoad:
- verander input type in text
- verander input value naar 'PASSWORD'

Input OnFocus:
Controleer of de input type text is. Zo ja, dan:
- verander input type in password
- maak de input value leeg.

@ Miloan

Het vakje is dadelijk een password field, maar indien men javascript heeft uitstaan wordt het veld niet ingevuld met de tekst 'wachtwoord' ...

Bedankt voor de opmerkin ...

Ze hebben er een dummy layer overheen liggen. Als je er op klikt wordt die verborgen en het wachtwoord actief.
Kwestie van firebug activeren, het vakje selecteren om meteen bij het goede deel html aan te komen en lezen wat er gebeurt.

<span id="dummyLayer">
<input id="form-login-password" type="text" autocomplete="off" onfocus="toggle('dummyLayer', 'hide');toggle('passwordLayer', 'show');document.inlogform.Password.focus();" value="wachtwoord" name="PasswordDummy"/>
</span>
<span id="passwordLayer" style="display: none;">