Définir un formulaire
|
<form action="URI" method="méthode" enctype="type Mime">
<!-- éléments du formulaire et autres éléments dans le formulaire -->
</form>
|
Mentionner pour URI une adresse Web ou la cible avec ou sans chemin du fichier ou de la source qui doit traiter les données.
URI peut être par exemple un script CGI, un fichier HTML avec du code PHP ou une adresse électronique (mailto:quelquun@quelquepart.xy ).
Pour méthode noter soit get ou bien post (pour les formulaires mailto toujours post )
Pour type Mime pour les formulaires mailto, mentionner text/plain .
description
|
Fenêtre-cible pour la réponse du serveur
|
<form action="URI" method="méthode" target="fenêtre cible">
<!-- éléments du formulaire et autres éléments dans le formulaire -->
</form>
|
Pour fenêtre cible mentionner le nom d'une fenêtre cadre définie ou l'un des noms réservés suivants:
_self = sortir la réponse dans la même fenêtre que le formulaire,
_parent = terminer le jeu de cadres actuel pour la réponse,
_top = terminer tous les jeux de cadres pour la réponse.
description
|
Jeux de caractères pour le traitement
|
<form action="URI"? method="méthode" accept-charset="liste de jeux de caractères">
<!-- éléments du formulaire et autres éléments dans le formulaire -->
</form>
|
Pour liste de jeux de caractères mentionner quelque chose comme ISO-8859-1, ISO-8859-2 .
description
|
Champs de saisie à une ligne
|
<input type="text" size="longueur" maxlength="longueur maximale" name="Nom">
|
Pour longueur noter la largeur d'affichage d'un champ en caractères (facultatif).
Pour longueur maximale noter le nombre de caractères qui au maximum peuvent être entrés (facultatif).
Pour Nom noter un nom (facultatif). Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
description
|
Champ de saisie à une ligne avec un texte par défaut
|
<input type="?text" value="valeur">
|
Pour valeur noter le texte par défaut.
description
|
Champ de saisie pour mot de passe
|
<input type="password" size="longueur" maxlength="longueur maximale" name="nom">
|
description
|
Champ de saisie à plusieurs lignes
|
<textarea cols="colonnes" rows="rangées" name="nom d'élément">
Texte par défaut facultatif
</textarea>
|
Pour colonnes noter la largeur d'affichage en nombre de caractères par ligne.
Pour rangées noter la hauteur d'affichage en rangées.
Pour nom d'élément noter un nom (facultatif). Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
Description
|
Contrôle du passage à la ligne dans les champs de saisie à plusieurs lignes
|
<textarea cols="colonnes" rows="rangées" wrap="césure">
</textarea>
|
Ne fait pas partie du standard HTML !
Pour césure noter une des valeurs suivantes:
soft = passage à la ligne automatique lors de la saisie,
hard = le passage à la ligne automatique lors de la saisie est transmis comme tel à l'envoi du formulaire,
virtual = comme soft .
physical = comme hard .
off = pas de passage à la ligne automatique lors de la saisie.
description
|
champs de saisie en lecture seule
|
<input type="text" readonly value="texte en lecture seule">
<textarea cols="colonnes" rows="rangées" readonly>
texte en lecture seule
</textarea>
|
description
|
Listes de choix
|
<select size="hauteur" name="nom">
<option>élément</option>
<option>autre élément</option>
</select>
|
Pour hauteur noter un nombre comme 1 ou bien 10 pour fixer ainsi la hauteur d'affichage de la liste (nombre d'éléments affichés simultanément).
Pour nom noter un nom (facultatif). Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
description
|
Listes de choix à choix multiple
|
<select multiple size="hauteur">
<option>élément</option>
<option>autre élément</option>
</select>
|
Attribut multiple .
description
|
Listes de choix avec présélection
|
<select multiple size="?hauteur">
<option>élément</option>
<option selected>autre élément</option>
</select>
|
Attribut selected ,
description
|
Valeur à transmettre des éléments de liste
|
<select size="hauteur">
<option value="valeur">élément</option>
<option value="valeur">autre élément</option>
</select> |
Pour valeur à chaque élément noter la valeur adéquate à transmettre.
description
|
Structure de menus
|
<select size="hauteur">
<optgroup label="texte du menu">
<option>élément</option>
<option>autre élément</option>
</optgroup>
<optgroup label="texte du menu">
<option>élément</option>
<option>autre élément</option>
</optgroup>
</select> |
Pour texte du menu noter une inscription pour chacun des sous-menus.
description
|
Cases d'option
|
<input type="radio" name="nom" value="valeur"> Texte
|
Pour nom noter un nom. Les cases d'option du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
Pour valeur noter un texte qui désigne cette case pour l'envoi du formulaire.
Pour Texte noter un texte d'inscription visible.
description
|
Cases à cocher
|
<input type="checkbox" name="nom" value="valeur"> Texte
|
Pour nom noter un nom. Les cases à cocher du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
Pour valeur noter un texte qui désigne cette case à cocher pour l'envoi du formulaire.
Pour texte noter un texte d'inscription visible.
description
|
présélectionner des éléments
|
<input type="radio" checked name="nom" value="valeur"> texte
<input type="checkbox" checked name="nom" value="?valeur"> Texte
|
Attribut checked .
description
|
Boutons pouvant être cliqués (1)
|
<input type="button" name="nom" value="inscription" onClick="action">
|
Pour nom noter un nom. Les boutons pouvant être cliqués du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
Pour inscription noter le texte devant être affiché comme inscription sur le bouton.
Pour action noter par exemple une instruction JavaScript.
description
|
Boutons pouvant être cliqués (2)
|
<button type="button" name="nom"
value="inscription en alternative" onClick="...">
inscription
</button>
|
Pour nom noter un nom. Les boutons pouvant être cliqués du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
Pour inscription en alternative noter un texte d'inscription au cas où aucun contenu d'élément est noté.
Pour inscription mettre en forme la surface d'affichage du bouton, par exemple également avec des graphiques et d'autres éléments HTML.
description
|
Champ pour fichier à transmettre
|
<input type="file" name="nom" maxlength="taille" accept="type Mime">
|
Pour nom noter un nom. Les boutons du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
Pour taille mentionner la taille maximale du fichier en octets, par exemple 100000 (ne pas s'y fier!).
Pour type Mime noter quelque chose comme text/*
Important: noter dans le repère <form> , enctype="multipart/form-data" .
description
|
Éléments cachés
|
<input type="hidden" name="nom" value="valeur">
|
Pour nom noter un nom. Les cases à cocher du même groupe reçoivent le même nom. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
Pour valeur noter un texte qui sera transmis lors de l'envoi du formulaire sans être affiché.
description
|
Grouper des éléments
|
<fieldset>
<legend>titre du groupe</legend>
<!-- éléments de formulaire -->
</fieldset>
|
description
|
Étiquette pour des éléments
|
<label for="nom id">inscription:</label>
<[élément de formulaire] id="nom id">
|
Le nom id doit être le même pour l'attribut for du repère <label> et pour l'attribut id de l'élément du formulaire du même groupe. Ni espace, ni accent, comme premier caractère une lettre à part cela chiffres et tirets de soulignement (_ ), trait d'union (- ), deux points (:) ou point (. ).
description
|
Recherche tabulateur
|
<[élément de formulaire] tabindex="numéro d'index">
|
Pour chacun des éléments du formulaire noter un nombre pour numéro d'index . Le nombre le plus bas est atteint en premier, le plus élevé en dernier.
description
|
Raccourcis clavier
|
<[élément de formulaire] accesskey="lettre">
|
Pour lettre entrer quelque chose comme h ou bien m . Exécutable la plupart du temps avec la touche [Alt] et la lettre mentionnée.
description
|
Mise en grisé d'éléments
|
<[élément de formulaire] disabled>
|
description
|
Boutons pour envoyer/ interrompre (1)
|
<input type="submit" value="inscription">
<input type="reset" value="inscription">
|
Pour inscription noter le texte de l'inscription respective de chaque bouton.
description
|
boutons graphiques pour envoyer
|
<input type="image" src="URI">
|
Pour URI mentionner une adresse Web ou la cible avec ou sans chemin du fichier graphique désiré.
description
|