Damit man einen klartext Platzhalter für Inputfelder vom Typ „password“ verwenden kann, kann folgender Beispielcode verwendet werden:
<form method="POST" action="">
<div class="pwd_fields">
<input type="text" name="pw_old" value="" autocomplete="off" placeholder="Altes Passwort" />
<input type="text" name="pw1" value="" autocomplete="off" placeholder="Neues Passwort" />
<input type="text" name="pw2" value="" autocomplete="off" placeholder="Neues Passwort (Wiederholung)" />
</div>
</form>
<script type="text/javascript">/* <![CDATA[ */
jQuery(document).ready(function() {
jQuery(‚.pwd_fields input‘).bind(‚focus‘, function() {
if (jQuery(this).attr("type") == "text") { jQuery(this).val(“); jQuery(this).attr("type", "password"); }
} ).bind(‚blur‘, function() {
if (jQuery(this).val().trim() == “) jQuery(this).attr("type", "text");
} );
} );
/* ]]> */</script>
Bei einer Validierung oder serverseitigen Verarbeitung muss dies aber berücksichtigt werden!