Hoi

Hoe kan ik een input veld maken met een value die verdwijnt wanneer men erop klikt om het input veld in te vullen? (doorgaans wordt de value dan in het lichtgrijs weer gegeven)

BvD
ok thanks =)

kan ik de value ook in het lichtgrijs weergeven?

<form name="form1" method="post" action="">
  <input type="text" name="n" value="Your message" onFocus="if(this.value=='Your message')this.value='';">
</form>
Hier de complete code, zo uit Dreamweaver overgenomen...
yes ok.. maar hoe pas ik de letterkleur van de values aan dan? Wanneer er een waarde wordt ingevuld wil ik wel dat deze zwart wordt.
'css' is het toverwoord.
zat idd ook al in die hoek te denken. Maar hoe maak ik dan onderscheid tussen de value en de ingevulde waarde?
In je CSS:

input.grijs {
    color: #999;
    background: #fff;
}
input.zwart {
    color: #000;
    background: #fff;
}


In je HTML

    <input onkeyup="do_input(this);">

rest van de attributen voor input zelf invullen
In je JS

    function do_input (obj) {
        if (obj.value =='Your message') {
            obj.className = 'grijs';
        }
        else {
            obj.className = 'zwart';
        }
    }
ok de css begrijp ik wel, de js ook ennn ff voor de zekerheid:

<input onkeyup="do_input(this);" name="link" type="text" size="9" value="charge nr." Onfocus="this.value=''"; >

is het juiste? of niet?

de js heb ik gewoon letterlijk overgenomen in in mn head gezet. klopt ook toch?

En kan er ook een scriptje aan geplakt worden dat zodra buiten het input kader geklikt wordt en er is niets ingevuld dat de standaard value dan weer verschijnt?
Gewoon uitproberen, zou ik zeggen. Ik heb de code uit mijn hoofd gedaan en niet getest.
jah ik ben dus al n tijdje aan t proberen, maar alles blijft zwart

Reageren