Standard tekst i tekstfelt driller lidt
Hej,Jeg har nedenstående script som virker rigtig godt. Det indsætter en standard tekst i grå, og når man så klikker i tekst feltet markerer den det hele.. der er dog lige et problem som jeg ikke ved hvordan jeg skal løse..
Hvis jeg sletter alt tekst i et felt, og derefter prøver at skrive noget, så hopper standard teksten tilbage, ved det første tegn man skriver.. ?? hvilket den jo helt ikke skal :)
<script>
function setColor(){
document.getElementById('username').style.color = "grey";
document.getElementById('password').style.color = "grey";
}
function clearText(field, act){
if (act == 'focus') {
field.select();
} else if (act == 'blur') {
if (field.defaultValue == field.value || field.value == '') {
field.value = field.defaultValue;
field.style.color = "grey";
} else {
field.style.color = "black";
}
}
}
function changeText(field){
if (field.defaultValue == field.value)
{
field.value = '';
field.style.color = "black";
}
else if (field.value == '')
{
field.style.color = "grey";
field.value = field.defaultValue;
}
else
{
field.style.color = "black";
}
}
</script>
<body onload="setColor();">
<input name="username" id="username" onfocus="clearText(this, 'focus')" onblur="clearText(this, 'blur')" onkeypress="changeText(this);" value="Enter Your Email Address" style="width:99%" type="text">
<input name="password" onfocus="clearText(this, 'focus')" onblur="clearText(this, 'blur')" onkeypress="changeText(this);" type="password" id="password" style="width:99%" value="password"/>
<input type="submit" name="Submit2" value="Login"/>
