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!

Beispiel