mozilla
Vos résultats de recherche

    Zone de saisie

    Une zone de saisie est un champ d'entrée de données. Il peut y avoir beaucoup de variations sur ce à quoi une zone de saisie peut ressembler, elles peuvent être aussi simple que d'un champ de saisie de texte, et aussi complexe qu'un champ de saisie multi-partie avec une entrée de texte, des sélecteurs de valeur et des boutons. Consultez le Guide de codage pour les détails sur la mise en œuvre des zones de saisie.

    Caractéristiques

    Détails à venir.

    Captures d'écrans

    Ici vous pouvez voir une variété de zones de saisie, qui suggère différentes utilisations possibles.

    Entrées génériques

    Ce sont de simples boîtes de saisie de texte.

    Entrée générique: vide

    Voici une boîte de saisie simple, sans texte saisi à l'intérieur, seulement du texte générique pour l'espace réservé.

    Entrée générique: remplie

    Ici, l'entrée générique est préremplie. Notez la présence du bouton "effacer" à l'extrémité droite du champ de saisie.

    Entrées dans le haut de la vue

    Ces entrées sont situées dans la partie supérieure de la vue (soit tout en haut de l'écran, ou immédiatement sous un en-tête).

    Haut : vide

    Voici un champ de saisie de texte en haut d'une page, qui devrait être utilisé sous un en-tête.

    Haut : actif

    Ce champ de saisie de texte du haut de vue est actif, il dispose d'un bouton actif "Annuler" à côté de lui, et le bouton "Effacer" dans le champ de saisie est visible.

    Ce style d'entrée doit être utilisée sans en-tête.

    Note: Ceci nécessite plus d'explications, de quelle façon est-ce différent de la forme «vide» en termes d'utilisation d'en-tête ?

    Entrées dans le bas de la vue

    Ces entrées sont situées dans le bas de la vue.

    Boîte de saisie de texte vide

    Cette zone de saisie en bas de vue comporte un bouton "Envoyer" (qui vient d'une application SMS). Notez que le bouton "Envoyer" est désactivée car l'entrée est vide.

    Boîte de saisie de texte pleine

    Maintenant, la zone de saisie est remplie, et le bouton "Envoyer" est activé.

    Boîte de saisie de texte multi-lignes

    Étant donné que la quantité de texte saisi par l'utilisateur augmente, la zone de saisie en bas de vue s'étend vers le haut pour faire de la place à plus de contenu, comme on le voit ici.

     

    Fieldsets simples

    Ces fieldsets comprennent une combinaison d'un sélecteur de valeur et d'une zone de saisie. Dans cet exemple, le bouton de sélection de valeur est utilisée pour ouvrir un sélecteur de choisir de type de contact dans l'application contacts (travail, maison, etc), et la zone de saisie est utilisé pour entrer l'adresse e-mail correspondante.

    Vide

    Ici, la zone de saisie de texte est vide, ne montrant que le texte de l'espace réservé.

    Avec du texte

    Ici, l'utilisateur a entré une adresse email. Un bouton Supprimer se trouve à côté du champ, afin de permettre la suppression de l'adresse de courriel à partir de l'enregistrement de contact.

     

    Avec le bouton de sélection de valeurs pressé

    Ici, l'utilisateur a appuyé sur le bouton de sélection de valeur, quand il sera relâché, le sélecteur de valeur s'ouvrira pour laisser choisir le type de contact.

    Désactivé, avec le bouton annuler

    Ici, l'entrée est désactivée, mais possède un bouton annuler.

    Note: Besoin d'explication pour les cas d'utilisation de cet objet.

    Fieldsets complexes

    Les fieldsets plus complexes peuvent contenir

    Avec du contenu entré

    Ici, nous avons une zone d'entrée pour laquelle plusieurs valeurs de saisie de texte sont associés à la catégorie "Maison": un numéro de téléphone et un nom. Un bouton est inclus pour ajouter une adresse à cette catégorie.

     

    Désactivé, avec un bouton annuler

    Dans cet exemple, l'entrée est désactivée, avec un bouton annuler.

    Note: Besoin d'explication pour les cas d'utilisation de cet objet.

     

    Interaction

    Ci dessous vous pouvez voir une série d'interaction dans le but de créer une nouvelle entrée de calendrier.

    Voir aussi

    Étiquettes et contributeurs liés au document

    Contributors to this page: Omnilaika02, Goofy, teoli
    Dernière mise à jour par : teoli,