I skjemaer hender det at vi lar det stå noe som standard i feltene, slik at brukeren får vite hvor han/hun skal skrive inn f.eks. navn, passord, telefonnummer, mailadresse, osv. Problemet med dette, selv om det ikke er noe stort problem, er at brukeren må stryke ut teksten som står i feltet for å taste inn informasjonen. Å løse det bittelille problemet krever ikke mer enn et bittelite script.

<form>
<input type=”input” value=”Navn” size=”10″ onclick=”if (this.value == ‘Navn’) { this.value = ”; }” onblur=”if (this.value == ”) { this.value = ‘Navn’; }”>
</form>

Eksempel: Tømme input-felt ved klikk

onclick gjelder for når brukeren klikker i et felt, og onblur gjelder når det klikkes utenfor feltet.

this.value setter verdien i feltet – Om det står “Navn” tømmes feltet, og om feltet er tomt når brukeren klikker seg ut av feltet igjen, blir det satt inn “Navn”. Endre verdiene etter eget ønske. Husk å bruke ‘ i stedet for ” innenfor this.value.