SELFHTML

Éléments cachés dans les formulaires

Page d'information: vue d'ensemble

vers le bas Définir des éléments cachés dans les formulaires
vers le bas Autres informations

 vers le bas 

HTML 3.2XHTML 1.0MSIE 3.0Netscape 1.0 Définir des éléments cachés dans les formulaires

Vous pouvez définir des champs dans un formulaire qui ne seront pas affichés chez l'utilisateur. Les champs cachés peuvent contenir des données. Lors de l'envoi d'un formulaire, les données de champs cachés sont elles aussi transmises. Par ce moyen, des informations supplémentaires peuvent par exemple être transmises à des programmes Chapitre: vue d'ensemble scripts CGI ou insérer un texte explicatif qui, lors d'un envoi par courriel des données du formulaire seront comprises dans le courriel.

Même pour Chapitre: vue d'ensemble JavaScript cette possibilité est intéressante. Étant donné qu'un script JavaScript peut lire sans problème des champs de formulaire et peut aussi changer leurs valeurs, il est également possible de cette façon de sauvegarder des données internes qui ne sont pas affichées à l'écran mais sont pourtant nécessaires à un Script JavaScript. Il serait par exemple ainsi possible à un script JavaScript après que cette page est chargée avec le formulaire chez l'utilisateur de rassembler des informations sur la résolution d'écran de l'utilisateur (voir Autre page d'information Objet Screen) pour écrire les résultats dans un champ caché de formulaire. Les données sont ensuite transmises quand l'utilisateur envoie le formulaire.

Exemple:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>

<h1>Retour</h1>

<form name="Reaction" action="http://www.trouvetout.com/cgi-bin/retour.cgi">
<p>
<input type="hidden" name="navigateur" value="">
votre nom:<br>
<input name="UserName" type="text" size="40">
votre commentaire:<br>
<textarea name="commentaire" rows="10" cols="40"></textarea>
</p>
</form>
<script type="text/javascript">
 document.Reaction.navigateur.value = navigator.userAgent;
</script>
</form>

</body>
</html>

Explication:

Avec <input type="hidden"> vous définissez des champs cachés dans un formulaire (input = saisie, hidden = caché). Vous déterminez les données elles-mêmes avec la mention value= (value =valeur).

Dans l'exemple ci-dessus le champ de formulaire caché ne reçoit d'abord aucune donnée (value=""). Sous le formulaire pourtant est noté un Script JavaScript. Ce Script détecte le type de navigateur que l'utilisateur utilise, et écrit la valeur détectée dans le champ caché du formulaire. Quand l'utilisateur envoie le formulaire, le navigateur utilisé est transmis comme partie intégrante du formulaire.

Les commandes de JavaScript ne seront pas approfondies ici. Dans la documentation JavaScript de ce document vous trouverez dans la référence objet la description des commandes correspondantes. Sont concernés l'objet Autre page d'information navigator et l'objet Autre page d'information forms avec ses sous-objets.

 vers le hautvers le bas 

Autres informations

Dans le Chapitre: vue d'ensemble sommaire de référence HTML vous trouverez des données précisant où l'élément décrit ici peut être mis, quels attributs il peut avoir et ce à quoi il faut veiller pour ces différents attributs:
Autre page d'information référence pour les éléments pour les éléments de formulaire input (<input>)
Autre page d'information référence pour les attributs pour les éléments de formulaire input (<input>)

 vers le haut
page suivante Autre page d'information Grouper des éléments et étiquette pour des éléments
page précédente Autre page d'information Champs pour fichier à transmettre
 

© 2001 Stefan Münz / © 2003 Traduction Adresse électronique Serge François, 13405@free.fr
Adresse électronique selfhtml@fr.selfhtml.org