Les formulaires HTML

Pour que les visiteurs participent à votre site, il faut mettre à leur disposition un formulaire qui vous permette de recevoir une information structurée de leur part. Les visiteurs rempliront alors des champs déjà
calibrés.

Les champs du formulaire seront contenus dans les balises <FORM> et
</FORM>. La balise <FORM> ouvre le formulaire et contient obligatoirement
les attributs action et method.

L’attribut action donne l’adresse internet (URL) du script qui traitera les données. L’attribut method indique la manière dont les données seront envoyées au programme. Avec la méthode GET, les paramètres renseignés dans chaque champ du formulaire sont envoyés dans l’URL :

http://www.monsite.com/traitement_formulaire.php?titre=Le+Lait%2C+une+sacr%E9e+vacherie+%3F&auteur=Dr+Nicolas+Le+Berre

Une variable se crée automatiquement pour chaque champ délimité par une esperluette, cette URL équivaut à la création de variables avec des valeurs en haut du fichier appelé :

$titre=’le Lait, une sacrée vacherie’ ;
$auteur=’Dr Nicolas Le Berre’;

L’URL sera codée, ainsi le caractère littéral ? est remplacé par 3F pour éviter d’être confondu avec l’opérateur de transport des données ?. De même, é est remplacé par son code hexadécimal E9. Ils sont précédés d’un signe d’échappement % qui indique au moteur PHP qu’il s’agit de code. Le signe + marque les espaces. Pour coder ce type de chaîne dans un lien et non plus dans un formulaire, il vous suffit d’utiliser la fonction urlencode().

Ensuite, les données n’ont pas besoin de fonction car le moteur PHP les décode automatiquement.

L’autre méthode est POST qui est plus propre et peut envoyer des données dont la taille va jusqu’à 64 Ko. Ces données ne sont pas visibles.



Tab 1: Les champs INPUT
Champ
Caractéristique
Attributs
text
Pour entrer une information de type texte
size : longueur du champ affiché maxlength : nombre maximal de caractères entrés value : valeur par défaut
radio
Pour sélectionner une option, à l’exclusion des autres qui portent
le même nom
Les différentes options ont le même nom (name) mais pas la même valeur (value). Checked indique la case cochée par défaut.
checkbox
Pour sélectionner une ou plusieurs options
L’attribut name des cases est différent pour chacune. Dans l’hypothèse de cases multiples, les cases portent le même nom. checked indique la case cochée par défaut.
hidden
Pour transmettre une information qui ne sera pas modifiée par l’internaute, ni affichée
Comme pour un champ de texte, il comporte les attributs name et value.
submit
Pour transmettre les données d’un formulaire à un programme
Affiche un bouton d’envoi de formulaire.
reset
Pour vider les valeurs inscrites dans le formulaire
Affiche un bouton pour effacer le contenu du formulaire.
password
Pour entrer un mot de passe
Affiche le mot de passe sous forme d’étoiles.
file
Pour envoyer un fichier dans le formulaire ou déposer un fichier dans le répertoire d’un serveur
Le bouton parcourir lui sera adjoint par le navigateur. Ainsi l’internaute ira chercher le fichier sur son disque dur.
image
Pour soumettre un formulaire avec une image au lieu d’un bouton
Remplace avantageusement le bouton submit par une image.



Tab. 2 : Les autres champs
Champ
Caractéristique
Attributs
textarea
Pour entrer un texte sur
plusieurs lignes
Le texte inscrit entre les balises
<textarea> et </textarea>
est le texte affiché par défaut.
rows : hauteur de la fenêtre cols :
largeur de la colonne
wrap : découpage des lignes
virtual
(conseillé)
Le texte est
affiché sous
forme de lignes
mais envoyé en
une seule ligne.
select
Pour sélectionner une ou
plusieurs options dans une
liste déroulante
multiple permet de sélectionner
plusieurs options. size permet
d’afficher une à plusieurs options
dans la fenêtre.
option
l’intérieur
des balises
select)

selected indique l’option
sélectionnée par défaut.


Aucun commentaire:

Enregistrer un commentaire