Не работают поля ввода

<style type="text/css">
.btn{
width: 150px;
height: 30px;
}
.pole{
width: 150px;
height: 20px;
border: none;
background: url('http://i.imm.io/eSMN.png');
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
font-size: 10px;
color: 7f7f7f;
}
</style>

<script>
   function vhodf()
   {
    var vhodf = document.getElementById('vhod');
    if(vhodf.value == "Логин")
    {
     vhodf.value = "";
    }
    else
    {
     vhodf.value = vhodf.value;
    }
   }
   function vhodz()
   {
    var vhodf = document.getElementById('vhod');
    if(vhodf.value == "")
    {
     vhodf.value = "Логин";
     vhodf.style.background = 'url(http://i.imm.io/eSPy.png)';
    }
    else
    {
     vhodf.value = vhodf.value;
     vhodf.style.background = 'url(http://i.imm.io/eT4d.png)';
    }
   }
     
     
   function parolf()
   {
    var parolf = document.getElementById('parol');
    if(parolf.value == "Пароль")
    {
     parolf.value = "";
    }
    else
    {
     parolf.value = parolf.value;
    }
   }
   function parolz()
   {
    var parolf = document.getElementById('parol');
    if(parolf.value == "")
    {
     parolf.value = "Пароль";
     parolf.style.background = 'url(http://i.imm.io/eSPy.png)';
    }
    else
    {
     parolf.value = parolf.value;
     parolf.style.background = 'url(http://i.imm.io/eT4d.png)';
    }
   }
</script>

   <br><br><br><br><br><br><br><br><br><br><br><br>
   <div align="center">
   <form action='' method='post'>
   <input class="pole" onClick="vhodf()" onBlur="vhodz()" id="vhod" name="login" value="Логин"><br><br>
   <input type="password" class="pole" onClick="parolf()" onBlur="parolz()" id="parol" name="password" value="Пароль"><br><br>
   <input class="btn" type="submit" value="Войти" name="btnsubmit">
   </form>
   </div>