SELFHTML/Quickbar  HTML  Formulaires


Recherche par tabulateur, raccourcis clavier et mise en grisé

Cette page est un document avec du texte et des informations

 Recherche par tabulateur
 Raccourcis clavier
 Mise en grisé d'éléments

 

HTML4.0 Recherche par tabulateur

Beispiel Exemple d'affichage: aperçu

Les navigateurs plus modernes (Netscape, l' Explorer Internet MS) permettent de passer d'un élément à l'autre du formulaire grâce à la touche de tabulateur du clavier.

Normalement cela permet de passer d'un élément à l'autre du formulaire dans l'ordre dans lequel ils sont définis dans le fichier. Vous pouvez cependant en HTML déterminer un autre ordre.

L'ordre de tabulateur modifié est reconnu par l' Explorer Internet MS4.x - mais pas encore par Netscape 4.x.

Exemple:

champ 1: <input type=text size=40 maxlength=40 tabindex=4><br>
champ 2: <input type=text size=40 maxlength=40 tabindex=1><br>
champ 3: <input type=text size=40 maxlength=40 tabindex=3><br>
<input type=button  tabindex=2 value="clique"><br>

Explication:

Grâce à l'attribut tabindex= dans le repère d'ouverture de l'un des repères du formulaire <input>, <textarea>, <select> ou <button> vous pouvez mentionner l'ordre de recherche par tabulateur. Notez les mentions dans tous les repères correspondants du formulaire et affectez à chaque mention un chiffre. En passant d'un élément à l'autre avec le tabulateur, c'est d'abord l'élément du formulaire avec le plus petit chiffre Tabindex qui sera trouvé, puis le deuxième plus petit etc... et en dernier celui avec le chiffre Tabindex le plus élevé. Dans l'exemple ci-dessus, c'est d'abord le champ 2 qui sera trouvé, ensuite le bouton défini en 4ème ligne, puis le champ 3 et en dernier le champ 1.

Les chiffres compris entre 0 et 32767 sont permis.

Attention:

Les tabindex se rapportent toujours à la totalité du fichier affiché. Ainsi sont aussi compris les  liens, les graphiques composés de liens et les  objets. Si vous avez de tels éléments en plus du formulaire dans votre fichier, vous devez fixer l'ordre de recherche par tabulateur pour l'ensemble des éléments. Voyez aussi  ordre de recherche par tabulateur pour les liens.

 

HTML4.0 Raccourcis clavier

Beispiel Exemple d'affichage: aperçu

Vous pouvez proposer à l'utilisateur de passer à un certain élément du formulaire en actionnant une touche. L'élément est ainsi choisi - il n'est pas pour autant "exécuté", à savoir par exemple cliqué ou coché.

Ces mentions ne sont pas encore interprétés ni par Netscape ni par l' Explorer Internet MS dans leur version 4.x.

Exemple:

<input type=button  accesskey="c" value="Clique"><br>

Grâce à l'attribut accesskey= vous pouvez déterminer un signe du clavier que l'utilisateur peut appuyer pour passer directement à un élément du formulaire (accesskey = touche d'accès). Dans l'exemple on a défini par ce moyen un k minuscule pour un bouton. L'utilisateur peut en appuyant sur la touche correspondante du clavier passer directement à ce bouton.

L'attribut accesskey= est permis dans les repères de formulaires <input>, <textarea>, <select>, <label>, <legend> ou <button>.

Attention:

Utilisez des touches qu'on trouve sur chaque clavier. Les touches de fonction par exemple comme on les trouve sur les claviers MF II pour MS Windows, ne peuvent pas du tout être adressées par cette commande.

Attirez l'attention de l'utilisateur dans le texte sur la possibilité d'un accès par le clavier. Utilisez aussi ensuite des accesskey homogènes, par exemple sur chaque page un c pour "clique".

 

HTML4.0 Mise en grisé d' éléments

Beispiel Exemple d'affichage: aperçu

Vous pouvez mettre du grisé sur des éléments pour signaler que l'élément est sans signification dans le contexte actuel. Les éléments mis en grisé sont aussi ignorés lors d'une recherche par tabulateur.

Cette mention est avant tout judicieuse comme base HTML pour des langages Script qui mettent en grisé de façon dynamique d'après les saisies ou les choix effectués dans d'autres éléments. Ainsi par exemple il serait judicieux de mettre en grisé de façon dynamique les mentions sur le type de la voiture conduite, si l'utilisateur a coché qu'il ne possédait pas de voiture. La mise en grisé d'éléments comme mention statique est par contre rarement fondée, étant donné que les éléments de formulaire que l'on définit, le sont en fin de compte pour de bonnes raisons.

Netscape et l' Explorer Internet MS n'interprètent pas encore dans leur version 4.x les éléments mis en grisé.

Exemple:

<input type=text size=50 disabled>

Explication:

Avec l'attribut disabled vous mettez un élément en grisé. L'attribut est permis dans les repères de formulaire <input>, <textarea>, <select>, <option>, <optgroup> ou <button>.


 
après: Boutons pour envoyer ou interrompre
avant: Grouper des éléments et étiquette pour des éléments
 

SELFHTML/Quickbar  HTML  Formulaires

© 1998 Stefan Münz / © 2001 Traduction  Serge François, 13405@free.fr