Здравствуйте. Я на сайте создал форму авторизации. При нажатии и потере фокуса должны работать разные функции. При нажатии поле Логин текст от туда должен стиратся(только если там текст логин! если другой текст то остаются), а при потере фокуса фон поля должен поменятся в зависимости от введённого текста. Если поле пустое то возвращает текст Логин и фон становится красным если текст есть то фон становится зелёным. У меня не работает изменение фона. При нажатии и потере фокуса остаётся жёлтая рамка. Вот скрин: Откуда берётся этот жёлтый???????????????????????????????? Вот сам код:Code
<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>