Hier is een leuke code om je input te voorzien van gegevens die weer terug komen als de muis ergens anders geklikt wordt (zie search input op deze site) klik in ‘zoeken’ en de tekst verdwijnt, maar als je ergens anders klikt komt het weer terug.

Code:

<input type="text" value="Klik me" onfocus="if (this.value == 'Klik me') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Klik me';}" />

Update:
Tegenwoordig is er een attribute "placeholder" in HTML5 gebracht. Dit geeft de exacte uitwerking als de code erboven. Deze attribute werkt niet op Internet Explorer

<input type="text" placeholder="klik me"/>

HTML5 is al een tijdje onder ons en wordt door (bijna) alle moderne browsers native ondersteunt. Hier even een verband tussen Internet Explorer 6 en HTML5

Dit is natuurlijk nutteloze (fun) informatie, maar binnenkort zal artsmixer.com artikelen schrijven over HTML5.

Bekijk IE6/ HTML5

Internet Explorer 9 komt er weer bijna aan. Dit keer ondersteunt de browser veel nieuwe technieken en komt het redelijk dichtbij de moderne browsers.

Om even te demonstreren hebben zij bij Microsoft met de HTML5 canvas technieken een paintball machine gemaakt.

Ga naar de pagina

In 2008 heb ik een artikel geschreven over CSS reset. Ondertussen zijn deze wel de standaarden geworden voor elke frontend developer. In de afgelopen jaren heb ik me vast gehouden aan de reset code van http://meyerweb.com/eric/tools/css/reset/index.html