PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation du champ de saisie
  • Créer un champ de type "Champ de saisie"
  • Principales caractéristiques d'un champ de saisie
  • Type d'un champ de saisie
  • Type et masques
  • Afficher un texte d'indication dans un champ de saisie
  • Autres caractéristiques importantes
  • Personnalisation du clavier alphabétique
  • Validation par la touche Entrée des champs de saisie
  • Fonctionnalités spécifiques HTML 5
  • Permuter
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation du champ de saisie
Le Champ de saisie permet à l'utilisateur de saisir directement une information. Le champ de saisie peut être aussi utilisé pour visualiser une information.
Versions 15 et supérieures
Android Les champs de saisie sont désormais disponibles pour les applications Android.
Nouveauté 15
Android Les champs de saisie sont désormais disponibles pour les applications Android.
Android Les champs de saisie sont désormais disponibles pour les applications Android.
Versions 16 et supérieures
Universal Windows 10 App Les champs de saisie sont désormais disponibles pour les applications Windows Phone.
iPhone/iPad Les champs de saisie sont désormais disponibles pour les applications iPhone/iPad.
Nouveauté 16
Universal Windows 10 App Les champs de saisie sont désormais disponibles pour les applications Windows Phone.
iPhone/iPad Les champs de saisie sont désormais disponibles pour les applications iPhone/iPad.
Universal Windows 10 App Les champs de saisie sont désormais disponibles pour les applications Windows Phone.
iPhone/iPad Les champs de saisie sont désormais disponibles pour les applications iPhone/iPad.
Versions 18 et supérieures
Universal Windows 10 App Les champs de saisie sont désormais disponibles pour les applications en mode Windows Store apps.
Nouveauté 18
Universal Windows 10 App Les champs de saisie sont désormais disponibles pour les applications en mode Windows Store apps.
Universal Windows 10 App Les champs de saisie sont désormais disponibles pour les applications en mode Windows Store apps.

Créer un champ de type "Champ de saisie"

Pour créer un champ de type "Champ de saisie" :
  1. Sous l'éditeur de fenêtres ou de pages, cliquez sur l'icône Création d'un champ de saisie (ou sélectionnez l'option "Insertion .. Champ .. Champ de saisie").Sous le volet "Création", dans le groupe "Champs usuels", cliquez sur .
  2. Cliquez dans la fenêtre ou la page à la position où le champ doit être créé. Le champ apparaît en création.
Remarque : Il est également possible de créer un champ de saisie à partir d'une liste de champs prédéfinis livrés en standard en cliquant sur la flèche présente à droite de l'icône Création d'un champ de saisie prédéfini. La liste des champs disponibles avec leur aperçu au gabarit du projet apparaît. Il suffit de cliquer sur le champ voulu pour le créer dans l'éditeur.Remarque : Il est également possible de créer un champ de saisie à partir d'une liste de champs prédéfinis livrés en standard en déroulant "Saisie". La liste des champs disponibles avec leur aperçu au gabarit du projet apparaît. Il suffit de cliquer sur le champ voulu pour le créer dans l'éditeur.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Éditeur d'états : Il est également possible de créer un champ de saisie dans un état. Pour plus de détails, consultez Saisie dans les états.
Principales caractéristiques d'un champ de saisie

Type d'un champ de saisie

Selon le type d'information affichée ou saisie, le format d'un champ de saisie peut varier. Il est ainsi possible de créer un champ de saisie de type :
  • Texte pour afficher ou saisir une chaîne de caractères (nom, adresse, ...).
    Remarques :
    • Versions 21 et supérieures
      WINDEVAndroidiPhone/iPad Les champs de saisie de type Texte peuvent afficher un bouton de suppression (une croix). Ce bouton permet à l'utilisateur de supprimer le contenu du champ. Ce bouton peut être affiché dans la zone de saisie :
      • uniquement lorsqu'une saisie est effectuée dans le champ.
      • uniquement lorsque le champ perd le focus.
        iPhone/iPad Remarque : Sous iOS 7 uniquement, la croix apparaît tout de même lors de la saisie dans le champ.
      • toujours (que le curseur de saisie soit dans le champ ou non).
      Nouveauté 21
      WINDEVAndroidiPhone/iPad Les champs de saisie de type Texte peuvent afficher un bouton de suppression (une croix). Ce bouton permet à l'utilisateur de supprimer le contenu du champ. Ce bouton peut être affiché dans la zone de saisie :
      • uniquement lorsqu'une saisie est effectuée dans le champ.
      • uniquement lorsque le champ perd le focus.
        iPhone/iPad Remarque : Sous iOS 7 uniquement, la croix apparaît tout de même lors de la saisie dans le champ.
      • toujours (que le curseur de saisie soit dans le champ ou non).
      WINDEVAndroidiPhone/iPad Les champs de saisie de type Texte peuvent afficher un bouton de suppression (une croix). Ce bouton permet à l'utilisateur de supprimer le contenu du champ. Ce bouton peut être affiché dans la zone de saisie :
      • uniquement lorsqu'une saisie est effectuée dans le champ.
      • uniquement lorsque le champ perd le focus.
        iPhone/iPad Remarque : Sous iOS 7 uniquement, la croix apparaît tout de même lors de la saisie dans le champ.
      • toujours (que le curseur de saisie soit dans le champ ou non).
    • AndroidiPhone/iPad Il est possible de saisir des Emojis dans le champ de saisie. Si les informations saisies doivent être enregistrées dans une base de données, il est nécessaire que la rubrique liée soit Unicode (chaîne ou mémo texte Unicode) pour conserver les Emojis.
  • Texte multiligne pour afficher ou saisir plusieurs lignes séparées par un "Retour Chariot".
    • WINDEVWindows Mobile Dans ce cas, il est possible d'afficher un ascenseur vertical ou horizontal.
    • WINDEV Il est également possible d'afficher les adresses internet et les chemins de fichiers sous forme de lien.
    • WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 App Remarque : Lorsqu'un champ de saisie texte est agrandi sous l'éditeur, il se transforme automatiquement en champ de saisie multiligne.
  • WINDEVWindows Mobile Texte RTF pour saisir et afficher des informations au format RTF. Pour plus de détails, consultez Manipuler un champ de saisie au format RTF.
    WINDEV Pour les applications fonctionnant sous Windows Vista (ou supérieur) ou sous Tablet PC, il est possible d'intégrer l'option "Saisie manuscrite". Cette option permet à l'utilisateur de saisir directement le texte dans le champ à l'aide du stylet ou de la souris. Cette fonctionnalité existe par défaut dans les applications fonctionnant sous Mobile.
  • WINDEVWEBDEV - Code Serveur Texte HTML pour saisir et mettre en page des textes avec enrichissement.
    Versions 15 et supérieures
    Le champ de saisie HTML est désormais disponible en WINDEV.
    Nouveauté 15
    Le champ de saisie HTML est désormais disponible en WINDEV.
    Le champ de saisie HTML est désormais disponible en WINDEV.
    Une barre d'outils apparaît automatiquement au-dessus du champ pour permettre de saisir les enrichissements (liens, gras, italique, ...). Pour saisir une image dans ce type de champ, il est nécessaire d'indiquer l'adresse de l'image. Les liens présents dans le champ ne peuvent pas être testés directement par l'utilisateur. Les liens seront effectifs si le contenu du champ texte HTML est affiché dans un champ HTML.
    Pour plus de détails, consultez Manipuler un champ de saisie au format HTML.
  • Mot de passe : lors de la saisie d'informations, tous les caractères seront remplacés par des étoiles à l'écran.
    Versions 18 et supérieures
    WINDEV L'utilisateur a désormais la possibilité de vérifier le mot de passe saisi (FAA). Pour plus de détails, consultez Voir en clair un mot de passe (FAA).
    Nouveauté 18
    WINDEV L'utilisateur a désormais la possibilité de vérifier le mot de passe saisi (FAA). Pour plus de détails, consultez Voir en clair un mot de passe (FAA).
    WINDEV L'utilisateur a désormais la possibilité de vérifier le mot de passe saisi (FAA). Pour plus de détails, consultez Voir en clair un mot de passe (FAA).
  • Numérique pour afficher ou saisir une valeur numérique (poids, ...). Si le champ n'est pas assez grand pour afficher le chiffre en entier, les caractères "+++" sont affichés.
  • Monétaire pour afficher ou saisir des valeurs monétaires.
  • Monétaire + Euro pour gérer des prix par exemple.
    AndroidUniversal Windows 10 App Ce type de champ de saisie n'est pas disponible.
    Versions 17 et supérieures
    WINDEV Les champs de saisie numériques, monétaires et monétaires + Euro permettent d'afficher un bouton calculatrice pour permettre à l'utilisateur de réaliser un calcul (option "Afficher le bouton calculatrice"). Il existe également diverses FAA (Fonctionnalités Automatiques de l'Application) sur ce type de champ (modification de la valeur à l'aide de la roulette de la souris par exemple). Pour plus de détails, consultez FAA sur les champs numériques.
    Nouveauté 17
    WINDEV Les champs de saisie numériques, monétaires et monétaires + Euro permettent d'afficher un bouton calculatrice pour permettre à l'utilisateur de réaliser un calcul (option "Afficher le bouton calculatrice"). Il existe également diverses FAA (Fonctionnalités Automatiques de l'Application) sur ce type de champ (modification de la valeur à l'aide de la roulette de la souris par exemple). Pour plus de détails, consultez FAA sur les champs numériques.
    WINDEV Les champs de saisie numériques, monétaires et monétaires + Euro permettent d'afficher un bouton calculatrice pour permettre à l'utilisateur de réaliser un calcul (option "Afficher le bouton calculatrice"). Il existe également diverses FAA (Fonctionnalités Automatiques de l'Application) sur ce type de champ (modification de la valeur à l'aide de la roulette de la souris par exemple). Pour plus de détails, consultez FAA sur les champs numériques.
  • Date pour afficher ou saisir des dates.
    WINDEVWindows Mobile L'utilisateur pourra utiliser les touches "+" et "-" du clavier numérique pour modifier la date.
    Si le champ n'est pas dans une popup, il est possible d'afficher un bouton calendrier pour permettre à l'utilisateur de saisir la date (option "Afficher un bouton calendrier"). Dans ce cas, il est possible de définir les caractéristiques du calendrier.
    WINDEV FAA (Fonctionnalité Automatique de l'Application) : Si le bouton calendrier n'est pas affiché, l'utilisateur pourra tout de même saisir la date dans un calendrier (option "Calendrier" du menu contextuel du champ). Pour supprimer cette FAA, utilisez la fonction DésactiveFAA avec la constante faaCalendrier. Pour plus de détails, consultez FAA sur les champs Date. WINDEV FAA (Fonctionnalité Automatique de l'Application) : Si le bouton calendrier n'est pas affiché, l'utilisateur pourra tout de même saisir la date dans un calendrier (option "Calendrier" du menu contextuel du champ). Pour supprimer cette FAA, utilisez la fonction FAADésactive (ou DésactiveFAA) avec la constante faaCalendrier. Pour plus de détails, consultez FAA sur les champs Date.
    Versions 17 et supérieures
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir la date, le masque de saisie doit être de type :
    • AndroidiPhone/iPad "Rouleau Date",
    • iPhone/iPad "Rouleau Date et heure".
    Nouveauté 17
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir la date, le masque de saisie doit être de type :
    • AndroidiPhone/iPad "Rouleau Date",
    • iPhone/iPad "Rouleau Date et heure".
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir la date, le masque de saisie doit être de type :
    • AndroidiPhone/iPad "Rouleau Date",
    • iPhone/iPad "Rouleau Date et heure".
  • Heure pour saisir ou afficher des heures.
    Versions 17 et supérieures
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir l'heure, le masque de saisie doit être de type "Rouleau Heure".
    Nouveauté 17
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir l'heure, le masque de saisie doit être de type "Rouleau Heure".
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir l'heure, le masque de saisie doit être de type "Rouleau Heure".
  • Durée pour saisir ou afficher des durées.
    Versions 17 et supérieures
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir la durée, le masque de saisie doit être de type "Rouleau Durée".
    Nouveauté 17
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir la durée, le masque de saisie doit être de type "Rouleau Durée".
    AndroidiPhone/iPad Pour utiliser un rouleau pour saisir la durée, le masque de saisie doit être de type "Rouleau Durée".
  • WEBDEV - Code Serveur Upload pour gérer l'upload de fichiers.

Type et masques

Masque de saisie : Pour chaque type de champ de saisie, un grand nombre de masques de saisie est utilisable.
Ces masques de saisie sont multilingues : il est possible de sélectionner des masques de saisies différents selon la langue d'exécution du projet. Pour plus de détails, consultez Multilangue dans les champs.
Ces masques de saisie peuvent être modifiés en programmation grâce à la propriété ..MasqueSaisie.
Versions 17 et supérieures
iPhone/iPad Le clavier affiché lors de l'entrée dans le champ s'adapte automatiquement au masque de saisie sélectionné. Ainsi, le clavier numérique sera automatiquement affiché pour saisir dans un champ de saisie utilisant un masque de saisie numérique.
Nouveauté 17
iPhone/iPad Le clavier affiché lors de l'entrée dans le champ s'adapte automatiquement au masque de saisie sélectionné. Ainsi, le clavier numérique sera automatiquement affiché pour saisir dans un champ de saisie utilisant un masque de saisie numérique.
iPhone/iPad Le clavier affiché lors de l'entrée dans le champ s'adapte automatiquement au masque de saisie sélectionné. Ainsi, le clavier numérique sera automatiquement affiché pour saisir dans un champ de saisie utilisant un masque de saisie numérique.
Versions 17 et supérieures
WINDEVAndroidJava Masque d'affichage : Il est également possible de définir des masques d'affichage pour certains types de champs (Monétaire, Monétaire + Euro, Date, Heure et durée). Ces masques d'affichage permettent de définir les caractéristiques du champ lorsqu'il n'est pas en saisie.
Par exemple, un champ de type Date peut avoir :
  • le masque de saisie : "JJ/MM/AAAA".
  • le masque d'affichage : "JJJJ JJ MMMM AAAA" (correspondant à la date en toutes lettres).
Les masques d'affichage peuvent être multilangues et peuvent être modifiés par programmation grâce à la propriété ..MasqueAffichage.
Nouveauté 17
WINDEVAndroidJava Masque d'affichage : Il est également possible de définir des masques d'affichage pour certains types de champs (Monétaire, Monétaire + Euro, Date, Heure et durée). Ces masques d'affichage permettent de définir les caractéristiques du champ lorsqu'il n'est pas en saisie.
Par exemple, un champ de type Date peut avoir :
  • le masque de saisie : "JJ/MM/AAAA".
  • le masque d'affichage : "JJJJ JJ MMMM AAAA" (correspondant à la date en toutes lettres).
Les masques d'affichage peuvent être multilangues et peuvent être modifiés par programmation grâce à la propriété ..MasqueAffichage.
WINDEVAndroidJava Masque d'affichage : Il est également possible de définir des masques d'affichage pour certains types de champs (Monétaire, Monétaire + Euro, Date, Heure et durée). Ces masques d'affichage permettent de définir les caractéristiques du champ lorsqu'il n'est pas en saisie.
Par exemple, un champ de type Date peut avoir :
  • le masque de saisie : "JJ/MM/AAAA".
  • le masque d'affichage : "JJJJ JJ MMMM AAAA" (correspondant à la date en toutes lettres).
Les masques d'affichage peuvent être multilangues et peuvent être modifiés par programmation grâce à la propriété ..MasqueAffichage.
WINDEVWEBDEV - Code ServeuriPhone/iPadWindows Mobile

Afficher un texte d'indication dans un champ de saisie

Le texte d'indication permet d'afficher un texte d'aide directement dans le champ de saisie vide. Ce texte d'aide s'efface automatiquement dès que l'utilisateur tape le premier caractère dans le champ.
Exemple de bulle d'aide
Ce texte d'indication est disponible pour :
  • les champs de saisie de type texte.
  • WINDEViPhone/iPadWindows Mobile les champs de saisie de type Numérique, Monétaire, Monétaire + Euro.
    Pour que le texte d'indication apparaisse dans les champs de type Numérique, Monétaire, Monétaire + Euro, il faut cocher l'option "Mise à blanc si zéro" (onglet "Détail" de la description du champ).
    Il est également possible d'afficher les bornes minimales et maximales du champ de saisie numérique :
    • dans le texte d'indication (option "Afficher les bornes dans le texte d'indication" de l'onglet "Détail" de la description du champ).
    • dans la bulle d'aide du champ (option "Afficher les bornes dans la bulle" de l'onglet "Détail" de la description du champ).
La saisie du texte d'aide peut être réalisée :
  • dans la fenêtre de description du champ de saisie (onglet "Aide" en WINDEV / WINDEV Mobile et onglet "Contenu" en WEBDEV).
  • par programmation grâce à la propriété ..Indication.
WINDEViPhone/iPadWindows Mobile Le style de l'indication affichée dans le champ est paramétrable dans l'onglet "Style". Par défaut, il correspond au style de la zone de saisie, en gris et italique. Pour le modifier, il suffit de sélectionner l'élément "Texte d'indication" et de cocher l'option "Personnaliser le style du texte d'indication".
Versions 22 et supérieures
La propriété ..CouleurTexteIndication permet de connaître et de modifier par programmation la couleur du texte d'indication.
Nouveauté 22
La propriété ..CouleurTexteIndication permet de connaître et de modifier par programmation la couleur du texte d'indication.
La propriété ..CouleurTexteIndication permet de connaître et de modifier par programmation la couleur du texte d'indication.
WEBDEV - Code Serveur Le style de l'indication correspond au style de la zone de saisie, en italique et gris.
WINDEVWindows MobileJava

Autres caractéristiques importantes

Un champ de saisie peut être :
  • WINDEV utilisé pour réaliser un "Drag and Drop". Pour plus de détails, consultez Gestion du "Drag and Drop".
  • WINDEVWindowsWindows Mobile en saisie assistée : Lors de la saisie dans le champ, l'application propose automatiquement la valeur correspondante présente dans la rubrique clé HFSQL liée au champ.
    Par exemple, dans le champ "Ville", après avoir saisi "Ly", la valeur "Lyon" est automatiquement proposée.
    La saisie assistée fonctionne uniquement sur les rubriques clé et sur les rubriques de type Texte.
    La saisie assistée ne fonctionne pas sur les rubriques non clé, sur les rubriques numérique, et si un masque de saisie est utilisé pour les dates. Pour plus de détails, consultez Saisie assistée dans un champ de saisie
Un champ de saisie peut également proposer :
  • WINDEVWindows une correction orthographique utilisant le dictionnaire du logiciel OpenOffice installé sur le poste, ou une correction orthographique et grammaticale utilisant le dictionnaire de Word.
  • WINDEVWindowsWindows Mobile un historique des saisies : Lors de la saisie dans le champ, la liste des précédentes valeurs saisies effectuées dans ce champ sera automatiquement proposée. Cet historique des saisies n'est pas proposé pour les champs multilignes. Pour plus de détails, consultez Mémoriser la saisie effectuée (FAA).
  • Versions 15 et supérieures
    WINDEV une assistance lors de la saisie de chemin de fichier. Cette option permet de proposer les différents répertoires et fichiers accessibles lors de la saisie d'un fichier avec son chemin. Cette option n'est pas disponible si la saisie assistée est proposée sur le champ.
    Nouveauté 15
    WINDEV une assistance lors de la saisie de chemin de fichier. Cette option permet de proposer les différents répertoires et fichiers accessibles lors de la saisie d'un fichier avec son chemin. Cette option n'est pas disponible si la saisie assistée est proposée sur le champ.
    WINDEV une assistance lors de la saisie de chemin de fichier. Cette option permet de proposer les différents répertoires et fichiers accessibles lors de la saisie d'un fichier avec son chemin. Cette option n'est pas disponible si la saisie assistée est proposée sur le champ.
Windows Mobile Un champ de saisie peut également :
  • activer le clavier en saisie : lors de la saisie dans le champ, le clavier sera automatiquement affiché sur le Pocket PC. Cette option est présente dans l'onglet "Détail" de la fenêtre de description du champ.
  • être en mode Smartphone : la taille du champ est automatiquement optimisé lorsqu'il s'affiche dans un Smartphone. Pour plus de détails, consultez Mode Smartphone.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Versions 17 et supérieures
Android

Personnalisation du clavier alphabétique

Dans les applications Android, lors de la saisie dans un champ texte, un clavier alphabétique apparaît automatiquement. Ce clavier permet à l'utilisateur de saisir le texte voulu.
Ce clavier comporte un bouton en bas à droite qui peut être personnalisé :
Pour paramétrer ce bouton :
  1. Affichez l'onglet "Détail" de la fenêtre de description du champ de saisie.
  2. Dans l'option "Bouton clavier", sélectionnez le type de bouton voulu. Selon le type sélectionné, le système affichera le bouton correspondant dans la langue en cours sur l'appareil.
  3. Validez.
Le traitement associé à ce bouton peut être saisi dans l'éditeur de code. Il correspond au traitement optionnel "Validation par le clavier". Pour plus de détails, consultez Traitements associés au champ de saisie.
Versions 18 et supérieures
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Nouveauté 18
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Nouveauté 17
Android

Personnalisation du clavier alphabétique

Dans les applications Android, lors de la saisie dans un champ texte, un clavier alphabétique apparaît automatiquement. Ce clavier permet à l'utilisateur de saisir le texte voulu.
Ce clavier comporte un bouton en bas à droite qui peut être personnalisé :
Pour paramétrer ce bouton :
  1. Affichez l'onglet "Détail" de la fenêtre de description du champ de saisie.
  2. Dans l'option "Bouton clavier", sélectionnez le type de bouton voulu. Selon le type sélectionné, le système affichera le bouton correspondant dans la langue en cours sur l'appareil.
  3. Validez.
Le traitement associé à ce bouton peut être saisi dans l'éditeur de code. Il correspond au traitement optionnel "Validation par le clavier". Pour plus de détails, consultez Traitements associés au champ de saisie.
Versions 18 et supérieures
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Nouveauté 18
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Android

Personnalisation du clavier alphabétique

Dans les applications Android, lors de la saisie dans un champ texte, un clavier alphabétique apparaît automatiquement. Ce clavier permet à l'utilisateur de saisir le texte voulu.
Ce clavier comporte un bouton en bas à droite qui peut être personnalisé :
Pour paramétrer ce bouton :
  1. Affichez l'onglet "Détail" de la fenêtre de description du champ de saisie.
  2. Dans l'option "Bouton clavier", sélectionnez le type de bouton voulu. Selon le type sélectionné, le système affichera le bouton correspondant dans la langue en cours sur l'appareil.
  3. Validez.
Le traitement associé à ce bouton peut être saisi dans l'éditeur de code. Il correspond au traitement optionnel "Validation par le clavier". Pour plus de détails, consultez Traitements associés au champ de saisie.
Versions 18 et supérieures
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Nouveauté 18
Android Cette fonctionnalité est désormais disponible pour les applications Android.
Android Cette fonctionnalité est désormais disponible pour les applications Android.
WEBDEV - Code Serveur

Validation par la touche Entrée des champs de saisie

Pour chaque champ de saisie d'une page, il est possible de spécifier l'action qui sera exécutée lorsque l'internaute appuiera sur la touche ENTREE.
Cela permet par exemple d'affiner les traitements par défaut dans une page. Il est par exemple possible d'avoir plusieurs champs de recherche sur une même page et de pouvoir valider chaque champ en appuyant sur la touche Entrée. L'action effectuée sera celle associée au champ de saisie ayant le focus.
Pour définir l'action associée à un champ de saisie :
  1. Créez dans votre page un bouton contenant le code voulu.
  2. Affichez la description du champ de saisie. Dans l'onglet "Détail", sélectionnez le bouton voulu dans l'option "Bouton de validation".
Versions 17 et supérieures
WEBDEV - Code Serveur

Fonctionnalités spécifiques HTML 5

Certaines caractéristiques des champs de saisie utilisent des fonctionnalités HTML 5 :
  • Masques de saisie. En choisissant un masque de saisie HTML 5, le site laisse la gestion de la saisie et son contrôle au navigateur. Ce n'est plus la page (le site) qui effectue les contrôles, mais directement le navigateur. Bien sur, il est possible dans tous les cas d'exécuter un code WLangage en sortie de champ pour effectuer des contrôles supplémentaires sur les données saisies. Ces fonctionnalités ne sont disponibles que sur certaines navigateurs à partir des versions suivantes : FireFox 5, Chrome 12, Opéra 11, Safari 5, ...
    Pour plus de détails, consultez l'aide sur les masques de saisie des champs texte, numériques, date et heure.
  • Champ de recherche HTML 5 : Si cette option est sélectionnée pour un champ de type texte, le navigateur affichera une croix sur la droite du champ. Cette croix permettra à l'internaute de vider le contenu du champ.
    Cette option est disponible dans l'onglet "Général" de la fenêtre de description du champ.
    Attention : Cette option est prise en compte uniquement sur les navigateurs supportant HTML 5, notamment Chrome 12 et Safari 5.
  • Complétion automatique : Cette option (présente dans l'onglet "Détail" de la fenêtre de description du champ) permet d'activer ou non l'auto-complétion sur les champs de saisie. Par défaut, l'auto-complétion est activée. Lorsque l'internaute commence à saisir des informations dans un formulaire, tous les champs de la page se remplissent immédiatement et automatiquement avec les données des précédentes saisies réalisées sur le poste.
    L'auto-complétion est une fonctionnalité dangereuse, à débrancher pour les données confidentielles.
    Cette propriété est gérée par la plupart des navigateurs supportant HTML 5 (Firefox, Chrome, Safari, Opéra, ...).
Nouveauté 17
WEBDEV - Code Serveur

Fonctionnalités spécifiques HTML 5

Certaines caractéristiques des champs de saisie utilisent des fonctionnalités HTML 5 :
  • Masques de saisie. En choisissant un masque de saisie HTML 5, le site laisse la gestion de la saisie et son contrôle au navigateur. Ce n'est plus la page (le site) qui effectue les contrôles, mais directement le navigateur. Bien sur, il est possible dans tous les cas d'exécuter un code WLangage en sortie de champ pour effectuer des contrôles supplémentaires sur les données saisies. Ces fonctionnalités ne sont disponibles que sur certaines navigateurs à partir des versions suivantes : FireFox 5, Chrome 12, Opéra 11, Safari 5, ...
    Pour plus de détails, consultez l'aide sur les masques de saisie des champs texte, numériques, date et heure.
  • Champ de recherche HTML 5 : Si cette option est sélectionnée pour un champ de type texte, le navigateur affichera une croix sur la droite du champ. Cette croix permettra à l'internaute de vider le contenu du champ.
    Cette option est disponible dans l'onglet "Général" de la fenêtre de description du champ.
    Attention : Cette option est prise en compte uniquement sur les navigateurs supportant HTML 5, notamment Chrome 12 et Safari 5.
  • Complétion automatique : Cette option (présente dans l'onglet "Détail" de la fenêtre de description du champ) permet d'activer ou non l'auto-complétion sur les champs de saisie. Par défaut, l'auto-complétion est activée. Lorsque l'internaute commence à saisir des informations dans un formulaire, tous les champs de la page se remplissent immédiatement et automatiquement avec les données des précédentes saisies réalisées sur le poste.
    L'auto-complétion est une fonctionnalité dangereuse, à débrancher pour les données confidentielles.
    Cette propriété est gérée par la plupart des navigateurs supportant HTML 5 (Firefox, Chrome, Safari, Opéra, ...).
WEBDEV - Code Serveur

Fonctionnalités spécifiques HTML 5

Certaines caractéristiques des champs de saisie utilisent des fonctionnalités HTML 5 :
  • Masques de saisie. En choisissant un masque de saisie HTML 5, le site laisse la gestion de la saisie et son contrôle au navigateur. Ce n'est plus la page (le site) qui effectue les contrôles, mais directement le navigateur. Bien sur, il est possible dans tous les cas d'exécuter un code WLangage en sortie de champ pour effectuer des contrôles supplémentaires sur les données saisies. Ces fonctionnalités ne sont disponibles que sur certaines navigateurs à partir des versions suivantes : FireFox 5, Chrome 12, Opéra 11, Safari 5, ...
    Pour plus de détails, consultez l'aide sur les masques de saisie des champs texte, numériques, date et heure.
  • Champ de recherche HTML 5 : Si cette option est sélectionnée pour un champ de type texte, le navigateur affichera une croix sur la droite du champ. Cette croix permettra à l'internaute de vider le contenu du champ.
    Cette option est disponible dans l'onglet "Général" de la fenêtre de description du champ.
    Attention : Cette option est prise en compte uniquement sur les navigateurs supportant HTML 5, notamment Chrome 12 et Safari 5.
  • Complétion automatique : Cette option (présente dans l'onglet "Détail" de la fenêtre de description du champ) permet d'activer ou non l'auto-complétion sur les champs de saisie. Par défaut, l'auto-complétion est activée. Lorsque l'internaute commence à saisir des informations dans un formulaire, tous les champs de la page se remplissent immédiatement et automatiquement avec les données des précédentes saisies réalisées sur le poste.
    L'auto-complétion est une fonctionnalité dangereuse, à débrancher pour les données confidentielles.
    Cette propriété est gérée par la plupart des navigateurs supportant HTML 5 (Firefox, Chrome, Safari, Opéra, ...).
Permuter
Versions 20 et supérieures
WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava WINDEV et WINDEV Mobile permettent de transformer automatiquement un champ de saisie en plusieurs libellés :
  1. Sélectionnez le champ de saisie à transformer.
  2. Sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez "Champ de saisie vers Libellés".
Un libellé est automatiquement créé pour le libellé du champ de saisie et un libellé est également créé pour la zone de saisie.
Nouveauté 20
WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava WINDEV et WINDEV Mobile permettent de transformer automatiquement un champ de saisie en plusieurs libellés :
  1. Sélectionnez le champ de saisie à transformer.
  2. Sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez "Champ de saisie vers Libellés".
Un libellé est automatiquement créé pour le libellé du champ de saisie et un libellé est également créé pour la zone de saisie.
WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava WINDEV et WINDEV Mobile permettent de transformer automatiquement un champ de saisie en plusieurs libellés :
  1. Sélectionnez le champ de saisie à transformer.
  2. Sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez "Champ de saisie vers Libellés".
Un libellé est automatiquement créé pour le libellé du champ de saisie et un libellé est également créé pour la zone de saisie.
Liste des exemples associés :
Le champ de saisie Exemples unitaires (WINDEV) : Le champ de saisie
[ + ] Utilisation d'un champ de saisie
Le champ de saisie RTF Exemples unitaires (WINDEV Mobile) : Le champ de saisie RTF
[ + ] Utilisation de texte au format RTF dans les champs de saisie.
Ce format est très pratique pour la mise en forme et la visualisation des données.
Les caractères spéciaux Exemples unitaires (WINDEV) : Les caractères spéciaux
[ + ] Manipulation de caractères spéciaux dans un champ RTF et visualisation des codes ASCII et ANSI.
Les fonctions de reconnaissance vocale Exemples unitaires (WINDEV) : Les fonctions de reconnaissance vocale
[ + ] Utilisation des fonctions de reconnaissance vocale.
Les commandes vocales de Windows Vista (ou de Windows XP, avec un logiciel tiers) permettent de piloter des applications WINDEV à la voix.
Par défaut, une application WINDEV répond déjà à la voix, lorsque l'on dicte dans un champ de saisie, ou lorsque l'on énonce le libellé d'un bouton.
Il est également possible de programmer une commande vocale spécifique pour effectuer une action particulière.
Masque de saisie avancé Exemples unitaires (WINDEV) : Masque de saisie avancé
[ + ] Manipulation des masques de saisie dans WINDEV :
- Définition du format des positifs/négatifs dans un champ de saisie numérique
- Définition de l'apparence des négatifs dans un champ de saisie numérique
- Définition de l'apparence de la valeur 0 dans un champ de saisie numérique
- Utilisation d'une expression régulière pour empêcher la saisie d'autres caractères que les chiffres 1, 2, 3, 4, 5 et 6.
- Utilisation d'une expression régulière pour "réguler" la saisie d'un numéro de plaque d'immatriculation français
WD Champ Recherche Exemples didactiques (WINDEV) : WD Champ Recherche
[ + ] Cet exemple montre comment gérer un champ de saisie permettant de réaliser des recherches FullText de type "google" dans votre base de données.
CRM Exemples complets (WINDEV) : CRM
[ + ] Cet exemple est une application de gestion de clientèle.
Dans cette dernière, nous abordons les principaux thèmes suivants :
1/ une analyse  de gestion de client très complète (Clients, Fournisseurs, Produits, Devis, Factures...)
2/ la manipulation des champs de WINDEV :
- Champ Conférence
- Champ Code Barre
- Champ Séparateur (Splitter)
- Champ Boite à outils (SideBar)
- Champ Liste Image
- Barre de message multi-cases
- Combos et fenêtres popup
- Champ Calendrier

3/ une implémentation de certaines fonctions du WLangage
- Fonctions FluxXXX
- Nouvelles fonctions EmailXXX
- ...
Résumé de l'exemple livré avec WINDEV :
Cet exemple permet de gérer des clients, d'établir des commandes, des devis et de gérer une liste de tâches et un planning.
De plus, les puissants champs livrés avec WINDEV permettent d"implémenter des fonctionnalités telles que la visioconférence ou encore la gestion des codes barres.
WW_Rewali Exemples complets (WEBDEV) : WW_Rewali
[ + ] Cet exemple est un site de réservation de voyages.

Il propose des offres de voyages à des prix très attractifs.
Il est ensuite possible de choisir la durée du voyage, les dates de départ .. puis de valider l'achat jusqu'au paiment via Paypal.

Il utilise notamment le champ "bandeau défilant" et les plans.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire