Les formulaires sont la base de l'interactivité d'un site web. Un formulaire est entouré des balises <form>Formulaire</form>
Cette balise dispose de trois attributs : * action : spécifie l'action à faire pour envoyer le formulaire. Il s'agit le plus souvent d'une page web qui récolte les informations du formulaire et les traite via un autre langage de programmation.
* method : spécifie si les données du formulaire seront transmises par l'url (GET) ou par le protocole (POST). L'URL ne pouvant contenir que 255 caractères, réfléchissez avant de mettre GET dans votre formulaire.
* enctype : peut prendre deux valeurs : "text/plain" ou "multipart/form-data", cette dernière étant réservée à un formulaire contenant un <input type="file"> qui permet d'envoyer un fichier à partir de son disque dur.
Exemple d'un formulaire envoyé par mail :<form action="mailto:webmaster@pour-vous-aider.forumactif.com" method="post" enctype="text/plain">
<input type="text" name="commentaire" value="entrez votre commentaire">
<input type="submit" value="Envoyez le formulaire">
</form>
Les champs de texte : Pour envoyer un texte nous disposons du champ de type text et la balise textarea.
la balise <input type="text"> : Le champ texte se marque par la balise <input> de type texte. Voici ses attributs :
* name : obligatoire, spécifie le nom du champ (c'est ce nom que vous utiliserez pour récupérer les données)
* size : définit la taille en nombre de caractères du champ
* maxlength : spécifie la taille maximale du texte à ne pas dépasser
* value : spécifie le texte à placer dans la case avant que l'utilisateur ne tape.
Exemple d'un champ de type texte : <input type="text" name="mail" value="Placez ici votre email"> Ce qui donne dans un formulaire :
- Code:
-
Placer ici votre e-mail
La balise <textarea> : C'est une zone de texte qui accepte du texte sur plusieurs lignes. Voici ses attributs :
* name (obligatoire) : spécifie le nom de la zone de texte
* rows : nombre de lignes (en caractères) de la zone de texte
* cols : nombre de colonnes (en caractères) de la zone de texte
* readonly : indique si la zone de texte est en lecture seule seulement
Exemple de code html d'une textarea : <textarea name="commentaire" rows="3" cols="25">Ici le texte qui se trouve déjà dans la textarea</textarea>
Ce qui donne : - Code:
-
Ici le texte qui se trouve déjà dans la
textarea