Deze zorgt er voor dat de tekst ook weer terug komt als de gebruiker niks invult:
<input type='text' name='test' value='Vul iets in' onFocus="this.value=''" onBlur="if(this.value == '')this.value='Vul iets in';" />
Link gekopieerd
Ja Boaz dat had ik ook net gemaakt alleen het werkt niet bij password velden:
Zo werkt het wel:
<input type="text" value="Gebruikersnaam" onBlur="if (this.value==\'\') { this.value=\'Gebruikersnaam\' }" onFocus="if (this.value==\'Gebruikersnaam\') { this.value=\'\'; }" />
<input type="text" value="Wachtwoord" onBlur="if (this.value==\'\') { this.value=\'Wachtwoord\' }" onFocus="if (this.value==\'Wachtwoord\') { this.value=\'\'; }" />Zo werkt het niet:
<input type="text" value="Gebruikersnaam" onBlur="if (this.value==\'\') { this.value=\'Gebruikersnaam\' }" onFocus="if (this.value==\'Gebruikersnaam\') { this.value=\'\'; }" />
<input type="password" value="Wachtwoord" onBlur="if (this.value==\'\') { this.value=\'Wachtwoord\' }" onFocus="if (this.value==\'Wachtwoord\') { this.value=\'\'; }" />
Raar he!?
Link gekopieerd
Nee helemaal niet, <input type="password"> heeft namelijk een input die niet voor de buitenwereld te lezen is.
Link gekopieerd
ooooooooooow...... maar toch wel als er NIKS staat?
Link gekopieerd
Waarom zou je iets in een password veld zetten? Voor de bezoeker is dat toch niet leesbaar. . . Tenzij je het ene sterretje van het andere sterretje kunt onderscheiden.
Link gekopieerd
nee maar dan is het duidelijk dat het een password veld is
Link gekopieerd
Maar waarom maak je niet gewoon een formulier met de beschrijving van de velden ervoor. Dan hoef je dat niet in de velden zelf te zetten...
Link gekopieerd
Omdat ik dit leuker vind:-D
Link gekopieerd
Werkt anders perfect bij mij 'or :)
Vanmorgen nog zitten maken ...
<p>
<label for="uname"><img src="user.png" alt="Username" /></label>
<input type="text" name="uname" id="uname" value="gebruikersnaam" onfocus="if(this.value=='gebruikersnaam'){this.value=''}" onblur="if(this.value==''){this.value='gebruikersnaam'}" />
</p>
<p>
<label for="pword"><img src="lock.png" alt="Password" /></label>
<input type="password" name="pword" id="pword" value="wachtwoord" onfocus="if(this.value=='wachtwoord'){this.value=''}" onblur="if(this.value==''){this.value='wachtwoord'}" />
</p>
Link gekopieerd
O, raar. Nu werkt het idd wel:-) (heb jou onblur en onfocus gekopied)
Link gekopieerd
