[Resolvido] problema com form

Boa tarde amigos.

Tenho um form de login que está desta forma:

<form action="form.php" method="post" name="form" id="form">
<input name="email" type="text" id="email" value="seu e-mail" onclick="document.getElementById('email').value='';">
<input name="senha" type="text" id="senha" value="sua senha" onclick="document.getElementById('senha').value='';" >
<input type="image" value="Acessar" src="images/go.gif">
</form>

Funciona perfeiito, com essa função de ao clicar ele "limpa" o campo e o visitante insere os dados.

PORÉM, como o campo senha, eu queria que ele fosse um campo type="password".

Mas se eu trocar o type, não aparece o escrito "sua senha" antes do visitante digitar.

ENTÃO, eu adicionei esta função

<script type="text/javascript">
function replaceT(obj){
var newO=document.createElement('input');
newO.setAttribute('type','password');
newO.setAttribute('name',obj.getAttribute('senha'));
newO.setAttribute('id',obj.getAttribute('senha'));
obj.parentNode.replaceChild(newO,obj);
newO.focus();
}
</script>

E o campo de senha ficou assim:

<input name="senha" type="text" id="senha" value="sua senha" onclick="document.getElementById('senha').value='';" onfocus="replaceT(this)">

NO "VISUAL" funciona perfeitamente, porém ele não passa a variável "senha" por POST.

Alguém ai tem alguma idéia do que fazer?

Pois já estou em cima disso a algumas horas e não encontrei uma solução.

Obrigado desde já!