SELFHTML/Quickbar
HTML
Formulaires
![]() |
Recherche par tabulateur, raccourcis clavier et mise en grisé |
![]() |
|
![]() |
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.
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> |
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.
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.
![]() ![]() |
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.
<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>.
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".
![]() ![]() |
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é.
<input type=text size=50 disabled> |
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:![]() |
![]() |
avant:![]() |
![]() |
SELFHTML/Quickbar
HTML
Serge François, 13405@free.fr