Prespective utilisateur : Le style et la fonctionnalité du bouton “reset”

Writing by jfmathieu on Sunday, 18 of June , 2006 at 11:11 pm

J’ai vu certains formulaires qui utilisent, comme moyen pour effacer le contenu, un reload de la page au côté serveur.

Ceci cause deux problèmes :

1. L’utilisateur attend après le système pour rien.
2. Si le formulaire n’est pas dans le haut de la page, l’utilisateur perd la position dans la page.

La principale cause que nous avons utilisé un reload au lieu d’un bouton reste

<input type="reset" />

est que nous utilisons une image comme bouton reste. Il est possible avec une image de soumettre un formulaire

<input type="image" src="..." />

cependant, nous n’avons pas de

<input type="reset_image" src="..." />

qui nous permettrai de faire un “reset” en image. Nous devons donc faire appel au javascript pour nous permettre de faire un effacement du formulaire convivial. Nous allons premièrement utiliser une image normale :

<img border="0" src="/images/btnErase0.gif" />

et ensuite l’entouré d’un href avec un événement javascript onclick :

<a onclick="document.nom_du_form.reset();return false;" href="...">

Voilà, vous avez un formulaire dont la fonctionnalité d’effacement est “user-frenbly”.

Leave a comment

Category: Developpement, JavaScript, Utilisabilité

• Add this post to Del.icio.us - Digg

No comments yet.