Sous ce titre peu explicite ce cache une simple astuce que l'on a tendance a oublier.
Imaginons que vous aillez un lien (<a href=””></a>) et que vous vouliez que :

• A l'affichage, on le vois comme un lien
• Mais lorsqu'on clique dessus rien ne se passe

comment feriez vous ?
Même principe avec une case a coché ou un bouton :
Exemple, vous voulez que la case a coché soit :

• Cochée par défaut
• Impossible à décocher

Pour les éléments de formulaire, il existe bien la propriété disabled=“true” mais celle-ci désactive directement l'élément, ce qui a pour effet de ne pas le posté lors de la soumission du formulaire. Assez gênant…

L'idée est donc de bloquer les évènements consécutif à un clic.
Pour cela, on va utiliser l'attribut onclick=”” .
Celui-ci, est activé en tous 1er lors d'un clic sur un objet. L'évènement interne de l'objet est donc appeler juste après.
Si dans l'évènement “onclick” on place “return false;” le navigateur va réagir comme si quelque chose c'était mal passé dans le onclick et va donc annulé la suite des évènements.
L'évènement interne de l'objet n'aura donc pas lieu.

Lien vers le wikistuce

<a href="http://www.wikistuce.info" onclick="return false;">Lien vers le wikistuce</a>
<form action="" method="post">
<input type="checkbox" name="check" id="check" value="1" checked="true" onclick="return false;" />
<label for="check">Exemple de checkbox</label>
<form>