Kviktip: Sådan rydder du et tekstfelt i en formular, når der klikkes på det

Mange af de tips, man kan er ganske små og noget, som jeg normalt tænker, at jeg ikke vil bruge et helt blogindlæg på. Det har jeg imidlertid besluttet mig for at lave om på. Første 'kviktip' følger således her:

Når du har for eksempel en søgeformular kan man spare plads ved at skrive "Søgning", "Søg her" eller en anden forklaring til brugeren i selve tekstfeltet, i stedet for at skrive det over tekstfeltet.

Når der så klikkes i tekstfeltet, er det en rigtig god idé, hvis teksten forsvinder. Det er faktisk ganske nemt.

Lad os sige, du har en formular. Tekstfeltet ser således ud:

<input type="text" name="s" value="Skriv hvad du leder efter her" />

Ved at tilføje en såkaldt "onfocus"-handling, kan vi aktivere et JavaScript, når der sættes fokus på tekstfeltet. Det gør vi på følgende måde:

<input type="text" name="s" value="Skriv hvad du leder efter her" onfocus="this.value=''"/>

Sådan. Når man klikker i tekstfeltet ryddes det for indhold og er klar til indtastning.

Hvis du vil have noget tekst til at stå i tekstfeltet, når brugeren klikker sig udenfor, så er det "onblur"-handlingen du skal have fat i. Det foregår på præcis samme måde.

Forfatter: Lars K Jensen

Lars er uddannet journalist men arbejder mere med web-udvikling og brugeroplevelse. @larskjensen på Twitter.

Deltag! Skriv en kommentar: