Un article de WikiTuto.

Catégorie:Cours XML XML Concepts de base Historique : de SGML à XML XML:Mise en oeuvre Structure d'un document XML Support par les navigateurs Prise en main d'XML CookTop XML CookTop généralités Interface Exercices Prise en main d'oXygen XML Editor Généralités Interface Fonctionnalités Exercices Déclarations de Type de Document Introduction Types de DTD Déclarations d'éléments Déclarations d'attributs Déclarations d'entités Initiation aux Schéma XML Introduction Les premiers pas Déclarations d'éléments et d'attributs Les types de données Espaces de nom Les dérivations Diverses autres fonctionnalités Mise en forme à l'aide de feuilles de style XSL Présentation Exemples de mises en forme Mise en forme à l'aide de feuilles de style XSL (XSLT) Les expressions de sélection XPath Éléments XSLT Fonctions XPath Fonctions XPath applicables aux nœuds Fonctions XPath applicables aux chaînes de caractèress Fonctions XPath applicables aux nombres Fonctions booléennes Autres fonctions Utilisation du DOM et XSLT dynamique Insertion de code JavaScript dans une page Utilisation du DOM Synchroniser des contenus multimédia avec SMIL Généralités Construction progressive d'un fichier SMIL Conclusion Un format de dessin vectoriel en XML: SVG Introduction SVG de base Éléments graphiques de base Structuration: éléments de groupage et références Transformations Autres fonctionnalités L'animation dans le SVG Introduction Animation de base: l'élément animate Des animations plus complexes Plus loin que les formulaires HTML: XForms Généralités Fonctionnalités des formulaires XForms Dans la pratique Pour aller plus loin... Quelques mots sur les Services Web Généralités Trouver un service Web Accéder à un service Web Récapitulation et inconvénients modifier Tdm XML Source : Gilles Chagnon

Sommaire 1 Les éléments et leurs (éventuels) équivalents HTML 2 Extension des fonctionnalités HTML 3 Gestion des événements 4 Sources 5 Voir aussi

Les éléments et leurs (éventuels) équivalents HTML

Les éléments de formulaire HTML ont été remplacés par quelques équivalents XForms. D'autres sont nouveaux.

Élément (X)HTML	Élément XForms
<input type="text">	<input>
<textarea>	<textarea>
<input type="password">	<secret>
<input type="file">	<upload>
<button>	<trigger>
<input type="submit">	<submit>
<select multiple="multiple"> ou plusieurs <input type="checkbox">	<select>
<select> ou plusieurs <input type="radio">	<select1>
pas d'équivalent	<output> (pour une zone d'affichage dynamique)
pas d'équivalent	<range> (pour un contrôle de la plage de valeurs autorisées pour une donnée)

Table 1. Équivalents (X)HTML des nouveaux éléments XForms.

Extension des fonctionnalités HTML

Les éléments <input>, <textarea> et <secret>, appliquées à des données de type chaîne de caractères, ont le même comportement qu'en HTML. Lorsqu'ils sont appliqués à une donnée d'un autre type, le comportement peut être adapté. On peut par exemple imaginer un champ de saisie d'une donnée de type date (voir les types prédéfinis dans le cours sur les Schémas), qui se présente non comme un champ de saisie de texte, mais comme un calendrier interactif.

Les saisies de texte prévoient aussi des « modes d'entrée », du formatage automatique (par exemple, un champ ne peut accepter les numéros de téléphone que sous une certaine forme, grâce à un type de donnée défini dans un schéma), mais aussi des fonctionnalités simples de formatage au moment de la soumission (par exemple, une conversion majuscule vers minuscule automatique).

L'élément <select> dispose d'un attribut, appearance, qui permet de spécifier si le champ doit se présenter sous la forme minimale (minimal), compacte (compact) ou complète (full).

L'élément <output> permet l'affichage des données saisies en temps réel dans le formulaire. Par exemple (les données saisies dans le formulaire sont mises en valeur) :

Vous êtes en train de commander 3756 briques en porcelaine de Chine. En êtes-vous sûre?

L'élément <range> peut s'afficher comme une sorte de curseur coulissant le long d'une règle graduée, ou bien un bouton que l'on peut tourner. L'avenir dira l'interface qui deviendra la plus habituelle.

L'élément <upload> va au-delà de la simple boîte de dialogue d'ouverture de fichier, puisque le groupe de travail XForms prévoit qu'il soit possible de gérer par ce genre d'interface la capture à partir d'un scanner ou d'un appareil photo numérique connecté à la machine, un micro, etc.

XForms offre aussi d'autres possibilités : champs de formulaires copiés (par exemple, pour entrer plusieurs fois des produits dans chariot électronique), affichage/masquage de portions du formulaire, gestion de formulaires s'étendant sur plusieurs pages HTML.

En fait, il apparaît que XForms peut être interprété comme un langage de réalisation d'interface pour des applications Web.

Gestion des événements

En HTML, certains événements n'étaient accessibles que par des appels à des scripts (par exemple, les événements onfocus, onblur, onselect...). XForms fait appel au modèle XML events, qui peut prendre en charge :

• la « focalisation » sur un élément de formulaire

• l'affichage d'un message

• le chargement d'une nouvelle URL (dans la fenêtre courante ou une autre)

• des calculs, des vérifications de conformité à un format prédéfini, des rafraîchissements d'écran...

• la soumission ou la remise à zéro d'un formulaire

• le défilement automatique le long d'un formulaire...

Sources

Gilles Chagnon

Voir aussi

• Généralités
• Fonctionnalités des formulaires XForms
• Dans la pratique
• Pour aller plus loin...