Inloggen - invoervelden

[Milenko]

Hi,

Weet iemand hoe je een inlogveld maakt net zo als bij Hyves? Het gaat me dan met name om de licht grijze tekst die al in de tekstvakken staat als je nog niets hebt ingevuld. Zodra men begint te typen, verdwijnt deze tekst.

Groetjes Milenko

 

[pepernoot]

Input met Javascript

Dit?:

[XML]<input type="text" name="NAAM-HIER" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'DE-TEKST-NA':this.value;" value="DE-TEKST-VOOR" />[/XML]

 

[Milenko]

Hier kan ik wel iets mee =)

Bedankt!

 

[ErikBooy007]

Het kan mooier:

<input type="text" name="formulierveld" placeholder="begintekst" />

Helaas wordt dat maar beperkt ondersteund, daar het HTML5 betreft. Een betere optie is dan:

<input type="text" name="formulierveld" value="begintekst" onfocus="this.value=(this.value==this.defaultValue)?'':this.value" onblur="this.value=(this.value=='')?this.defaultValue:this.value" />

 

[pepernoot]

Het kan mooier:

<input type="text" name="formulierveld" placeholder="begintekst" />

Helaas wordt dat maar beperkt ondersteund, daar het HTML5 betreft. Een betere optie is dan:

<input type="text" name="formulierveld" value="begintekst" onfocus="this.value=(this.value==this.defaultValue)?'':this.value" onblur="this.value=(this.value=='')?this.defaultValue:this.value" />

True