Witam!

Mam następujący problem:

Mam pole, trzeba wpisać login i hasło.
Chcę to rozwiązać w następujący sposób:
pole, w którym podaje się hasło domyślnie będzie miało wartość "wpisz hasło" czy "password" albo cośtam.
Chciałem zrobić tak, aby po kliknięciu na to pole można było wpisać hasło, ale aby pole zmieniło swoje atrybuty na zagwiazdkowane.

document.getElementById('pass').type='password'

nie działa, nie ma czegoś takiego.
Czy da się to wogóle zrobić?

Można to rozwiązać na dwa sposoby, choć nie wiem, czy słuszne.

1. Zrobić odpowiedni obrazek z napisem "wpisz hasło" i wstawić jako background-image, a na onfocus usunąć to tło.

2. Bardziej skomplikowane rozwiązanie - zrobić dwa pola - <input type="text" value="wpisz hasło" /> i <input type="password" />, drugie pole domyślnie niewidoczne. W pierwszym dać na onfocus zniknięcie tego pola i pojawienie się drugiego z jednoczesnym przeniesieniem focusa.

Zmiana tła stronki nie stanowi problemu, ale poprzez różne analogie nie mogę dojść do zmiany tła pola formularza.
Jeśli ktoś zarzuci jeszcze odpowiednią komendą będe bardzo wdzięczny.

Sprobuj:
var input = document.getElementById('pass');
input.setAttribute("type","password");

Przy tworzeniu inputa dziala, nie testowalem natomiast czy mozliwa jest taka modyfikacja

W normalnych przeglądarkach to zadziała, ale w IE6 to się wysypie na linii :

[HTML] pobierz, plaintext 
input.setAttribute("type","password");
[HTML] pobierz, plaintext 

od siebie dodam takie cos:

[HTML] pobierz, plaintext 
<script>
function zmien()
{
 document.getElementById('haslo').innerHTML='<input type="password" name="polehasla" id="polehasla" />';
 setTimeout("document.getElementById('polehasla').focus()", 50);
}
</script>
<div id="haslo">
<input tyle="text" value="dawaj haslo" onclick="zmien()" />
</div>
[HTML] pobierz, plaintext 

settimeout z dedykacja dla IE ktory chyba dlugo tworzy inputa ze potem go nie widzi przy poleceniu focus

[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();" />
 
</form>
[HTML] pobierz, plaintext 

obie formy działają

Nadal pojawia się "Nieznany błąd czasu wykonania."
A wcześniejsza propozycja sprawdza się w Mozilli, ale Explorer sie przy niej rozkłada

[HTML] pobierz, plaintext 
<input type="password" id="passField" ... />
 
<script type="text/javascript">
function ChangeBg()
{
     document.getElementById('passField').style.backgroundImage = 'sciezka/plik.jpg';
}
</script>
[HTML] pobierz, plaintext