Witam.

Mam pole w formularzu z hasłem:

[HTML] pobierz, plaintext 
<input onclick="this.value=''" name="password" value="Hasło" type="password" />
[HTML] pobierz, plaintext 

Wszystko działa jak należy ale chciałbym tak jak jest to w przypadku pola type="text" mieć tam napisane podaj hasło i jak user kliknie to będzie się mu wpisywało hasło w formie gwiazdek. Natomiast tak jak jest to w moim przykładzie - value="Hasło" mam tam wpisane 5 gwiazdek zamiast tekstu "Hasło".

Jak to osiągnąć?

Proponuję zrobić tak:

- zrób grafikę z napisem "podaj hasło"

i teraz css

[HTML] pobierz, plaintext 
#haslo {
    background: url('obrazek/z/tekstem.gif') no-repeat left center;
}
 
#haslo:focus, #haslo.active {
    background: none;
}
[HTML] pobierz, plaintext 

tylko pamiętaj, że dla tego imputa musisz nadać id="haslo" (albo klasę)

Albo możesz użyć JavaScript'u :

[HTML] pobierz, plaintext 
      <script type="text/javascript">
      function change()
      {
      document.forms['form'].elements['pole'].type = 'password'; //1
      document.getElementById('pole').type = 'password'; //2
      }
      </script>
 
      <form name="form">
      <input type="text" name="pole" id="pole" value="wpisz hasło" onfocus="change(); this.value='';">
      </form>
[HTML] pobierz, plaintext 

Albo możesz użyć JavaScript'u :

[HTML] pobierz, plaintext 
      <script type="text/javascript">
      function change()
      {
      document.forms['form'].elements['pole'].type = 'password'; //1
      document.getElementById('pole').type = 'password'; //2
      }
      </script>
 
      <form name="form">
      <input type="text" name="pole" id="pole" value="wpisz hasło" onfocus="change(); this.value='';">
      </form>
[HTML] pobierz, plaintext 

Super.

Dzięki.

Działa jak należy

Skorzystałem z javascript