WML - Entrées

WML fournit diverses options pour permettre à un utilisateur d'entrer des informations via l'application WAP.

Tout d'abord, nous allons examiner les différentes options permettant à l'utilisateur de faire des choix directs entre les éléments. Celles-ci se présentent généralement sous la forme de menus et de sous-menus, permettant aux utilisateurs d'accéder aux données exactes qu'ils souhaitent.

Élément <select> WML:

Les éléments <select> ... </select> WML sont utilisés pour définir une liste de sélection et les balises <option> ... </option> sont utilisées pour définir un élément dans une liste de sélection. Les éléments sont présentés sous forme de boutons radio dans certains navigateurs WAP. La paire de balises <option> ... </option> doit être incluse dans les balises <select> ... </select>.

Cet élément prend en charge les attributs suivants:

Attribut Valeur La description
mon nom texte Nomme la variable définie avec le résultat d'index de la sélection
ivalue texte Définit l'élément d'option présélectionné
plusieurs
  • true
  • false
Définit si plusieurs éléments peuvent être sélectionnés. La valeur par défaut est "false"
Nom texte Nomme la variable définie avec le résultat de la sélection
tabindex nombre Définit la position de tabulation de l'élément sélectionné
Titre texte Définit un titre pour la liste
valeur texte Définit la valeur par défaut de la variable dans l’attribut "nom"
xml: lang language_code Définit la langue utilisée dans l'élément
classe données de classe Définit un nom de classe pour l'élément.
id ID d'élément Un identifiant unique pour l'élément.

Voici l'exemple montrant l'utilisation de ces deux éléments.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Selectable List">
<p> Select a Tutorial :
 <select>
  <option value="htm">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
 </select>
</p>
</card>

</wml>

Lorsque vous chargerez ce programme, il vous montrera l'écran suivant:

Une fois que vous mettez en surbrillance et entrez les options, il affichera l'écran suivant:

Vous souhaitez fournir une option pour sélectionner plusieurs options, puis définir plusieurs attributs sur true comme suit:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Selectable List">
<p> Select a Tutorial :
 <select multiple="true">
  <option value="htm">HTML Tutorial</option>
  <option value="xml">XML Tutorial</option>
  <option value="wap">WAP Tutorial</option>
 </select>
</p>
</card>

</wml>

Cela vous donnera un écran pour sélectionner plusieurs options comme suit:

Élément <input> WML:

L'élément <input /> est utilisé pour créer des champs d'entrée et des champs d'entrée sont utilisés pour obtenir des données alphanumériques des utilisateurs.

Cet élément prend en charge les attributs suivants:

Attribut Valeur La description
Nom texte Le nom de la variable qui est défini avec le résultat de l'entrée de l'utilisateur
longueur maximale nombre Définit le nombre maximum de caractères que l'utilisateur peut saisir dans le champ
emptyok
  • true
  • false
Définit si l'utilisateur peut laisser le champ de saisie vide ou non. La valeur par défaut est "false"
format A
a
N
X
x
M
m
* f
nf
Définit le format de données pour le champ de saisie. La valeur par défaut est "* M".

A = caractères alphabétiques ou de ponctuation majuscules a = caractères alphabétiques ou de ponctuation
minuscules
N = caractères numériques
X = caractères majuscules
x = caractères minuscules
M = tous les caractères
m = tous les caractères
* f = tout nombre de caractères. Remplacez le f par l'une des lettres ci-dessus pour spécifier les caractères que l'utilisateur peut saisir
nf = Remplacez le n par un nombre de 1 à 9 pour spécifier le nombre de caractères que l'utilisateur peut saisir. Remplacez le f par l'une des lettres ci-dessus pour spécifier les caractères que l'utilisateur peut saisir

Taille nombre Définit la largeur du champ de saisie
tabindex nombre Définit la position de tabulation de l'élément sélectionné
Titre texte Définit un titre pour la liste
type
  • text
  • password
Indique le type du champ de saisie. La valeur par défaut est "texte". Le champ de mot de passe est utilisé pour prendre le mot de passe à des fins d'authentification.
valeur texte Définit la valeur par défaut de la variable dans l’attribut "nom"
xml: lang language_code Définit la langue utilisée dans l'élément
classe données de classe Définit un nom de classe pour l'élément.
id ID d'élément Un identifiant unique pour l'élément.

Voici l'exemple montrant l'utilisation de cet élément.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Input Fields">
<p> Enter Following Information:<br/> 
 Name: <input name="name" size="12"/>
 Age :  <input name="age" size="12" format="*N"/>
 Sex :  <input name="sex" size="12"/> 
</p>
</card>

</wml>

Cela vous fournira l'écran suivant pour saisir les informations requises:

Élément <fieldset> WML:

L'élément <fieldset /> est utilisé pour regrouper divers champs de saisie ou listes sélectionnables.

Cet élément prend en charge les attributs suivants:

Attribut Valeur La description
Titre texte Définit un titre pour la liste
xml: lang language_code Définit la langue utilisée dans l'élément
classe données de classe Définit un nom de classe pour l'élément.
id ID d'élément Un identifiant unique pour l'élément.

Voici l'exemple montrant l'utilisation de cet élément.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Grouped Fields">
<p> 
<fieldset title="Personal Info">
 Name: <input name="name" size="12"/>
 Age :  <input name="age" size="12" format="*N"/>
 Sex :  <input name="sex" size="12"/> 
</fieldset>
</p>
</card>

</wml>

Cela vous fournira l'écran suivant pour saisir les informations requises. Ce résultat peut différer d'un navigateur à l'autre.

Élément <optgroup> WML

L'élément <optgroup /> est utilisé pour regrouper diverses options dans une liste sélectionnable.

Cet élément prend en charge les attributs suivants:

Attribut Valeur La description
Titre texte Définit un titre pour la liste
xml: lang language_code Définit la langue utilisée dans l'élément
classe données de classe Définit un nom de classe pour l'élément.
id ID d'élément Un identifiant unique pour l'élément.

Voici l'exemple montrant l'utilisation de cet élément.

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="Selectable List"> 
<p>
 <select>
   <optgroup title="India">
    <option value="delhi">Delhi</option>
    <option value="mumbai">Mumbai</option>
    <option value="hyderabad">Hyderabad</option>
   </optgroup>
   <optgroup title="USA">
    <option value="ohio">Ohio</option>
    <option value="maryland">Maryland</option>
    <option value="washington">Washingtone</option>
   </optgroup>
 </select>
</p>
</card>

</wml>

Lorsqu'un utilisateur charge le code ci-dessus, deux options seront alors sélectionnées:

Lorsqu'un utilisateur sélectionne l'une des options, alors seulement il donnera les options finales à sélectionner. Donc, si l'utilisateur sélectionne l'Inde, il vous montrera les options suivantes à sélectionner: