Input , [Onfocus / Onblur]

[Evaelis]

Un exemple d'input :

<input value="Identifiants" onblur="if (this.value == '') this.value = 'Identifiants';" onfocus="if (this.value == 'Identifiants') this.value = '';"/>

Petite traduction :

<input value="TEXTE DE BASE" onblur="if (this.value == '') this.value = 'TEXTE SI VIDE';" onfocus="if (this.value == 'TEXTE DE BASE') this.value = '';"/>

>>>>••••<<<<​

onblur="if (this.value == '') this.value = 'TEXTE SI VIDE'

Quand on clique ailleurs que sur l'input :
Si value = '' (Vide) alors la value = TEXTE SI VIDE

onfocus="if (this.value == 'TEXTE DE BASE') this.value = ''

Quand on clique sur l'input :
Si value = TEXTE DE BASE alors value = '' (vide)

Celà permet de ne pas mettre un label ou autres
Exemple de site (Ce n'est pas de la pub mais juste un exemple):
Ce lien n'est pas visible, veuillez vous connecter pour l'afficher. Je m'inscris!
Les inputs en haut reviennent à leur valeur de base si input est vide

 

[Evaelis]

Et puis les développeurs ont inventé l'attribut placeholder