🚀 go-pugleaf

Mam taki malutki problem zrobiłem sobie pole typu input w którym jest 
wpisane "Hasło" po najechaniu na to pole słowo "Hasło" znika i można 
wpisywać hasło z klawiatury. Tak więc na początku pole input ma typ TEXT a 
po kliknięciu na niego ma typ PASSWORD czyli nie widać literek i wszystko by 
działało ok, gdy nie jeden denerwujący problem że po zmianie typu z TEXT na 
PASSWORD kursor znika i znowu trzeba kliknąć na to okienko aby coś wpisać. 
Poniżej kod HTML/JAVASCRIPT:

---cut here---
<script type="text/javascript">
function setFocus()
{
     document.getElementById("xyz").focus();
}

function zamien(id){
var e = document.getElementById(id);
var n = document.createElement('input');
n.type = e.type.toLowerCase() == 'password' ? 'text' : 'password';
n.name = e.name;
n.value=e.value;
n.id = e.id;
e.parentNode.replaceChild(n, e);
setFocus();
}
</script>

<form>
<p>
<input type="text" name="Haslo" id="xyz" value="Has&#322;o:" 
onFocus="if(this.value=='Has&#322;o:'){this.value=''; zamien('xyz');}" />
</p>
</form>
---cut here---

Teraz pytanie czy da się to jakoś obejść żebym po kliknięciu na pole w 
którym widnieje napis "Hasło" od razu mógl pisać bez kolejnego klikania na 
nie ? Bo teraz jak widać po kliknięciu znika napis "Hasło" typ pola się 
zmienia ale niestety muszę ponownie kliknąć abym mógł coś pisać. Jak widać 
powyżej póbowałem już z funkcją focus i nie działa jakoś.

Z góry dziękuję za wszelką pomoc

G.J.