Un site Wap
Les zones de saisie
HomeUpDown

Le Wap n'aura jamais de vocation textuelle ou graphique. Par contre, là où il trouve son intérêt c'est dans sa faculté de pouvoir, n'importe où et n'importe quand, saisir une information, transmettre la requête et recevoir une réponse.

Le Wml propose pour l'encodage de l'information un outil précieux qui est la zone de saisie.


 

La balise <input ... />

Etant donné son importance, cette balise comporte beaucoup d'attributs. Insistons sur le slash final inhabituel pour les familiers du Html.

name="variable" Obligatoire ! Le nom de la variable qui contiendra la donnée encodée dans la zone de saisie par l'utilisateur.
value=" ... " La valeur par défaut de la variable désignée par name.
type ="text" ou
type="password"
Spécifie le type d'affichage des données dans la zone de saisie. Soit "text" pour l'affichage normal des données de texte (par défaut), soit "password" pour l'affichage sous forme de ******** des données.
title="Titre" Le titre ou le nom de la zone de saisie susceptible d'être affiché par le micro-navigateur.
size="x" Où x ext la largeur en caractères de la zone de saisie.
maxlength="x" Où x est le nombre maximum de caractères encodables par l'utilisateur. Par défaut, ce nombre est illimité.
format=" ... "
A ou a

X
ou x
N
M
ou m

etc...
Cet attribut spécifie le format (alphabétique, numérique, ...) des données acceptées dans la zone de saisie.
Majuscules avec signes de ponctuation ou minuscules avec signes de ponctuation.
Majuscules seulement ou minuscules seulement.
Chiffres
Tout caractère alphabétique ou numérique en majuscules ou tout caractère alphabétique en minuscules.
Voir autres.
emptyok=true" ou
emptyok="false"
L'attribut emptyok="true" accepte une zone de saisie vide même si un format de données non vide a été spécifié.
L'attribut emptyok=false" n'accepte pas une zone de saisie vide. La saisie doit alors être conforme au format spécifié.


 

Exemple

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC ".....>
<wml>
<card id="ct1" title=" Zone de saisie ">
<p>
Votre nom :<br/>
<input type="text" title="Nom de famille" name="name"/><br/>
Votre code postal : <br/>
<input type="text" maxlength="4" title="Code postal" name="poste" format="NNNN" />
</p>
</card>
</wml>

Dans cette carte, on demande dans une première zone de saisie de remplir le nom et dans une seconde zone de saisir le code postal qui est en Belgique de 4 chiffres.

Ce qui en captures d'écran, suit le processus suivant :

    La carte de départ.
    On active la première zone de saisie et on encode le nom.
    On retourne à la carte de départ et on descend jusqu'à la seconde zone de saisie.
    Dans cette zone, on encode les 4 chiffres.
    On ne peut entrer que des chiffres et encore seulement 4.
    L'écran final se présente comme suit.
La balise <fieldset> ... </fieldset>

Pour être complet, il existe aussi la balise <fieldset> qui permet de grouper des options.
Le seul attribut est title="Titre" qui permet de donner un titre ou un nom susceptible d'être affiché par le micro-navigateur à un groupe de zones de saisie.


   

Simulations d'après Nokia Wap Toolkit