LES FORMULAIRES

Tout d'abord, il faut avertir le browser que vous incluerez des formulaires.

<FORM method="..." action="URL d'expédition" enctype="text/plain"> ... les formulaires proprement dit ...</FORM>
Method: Vous avez le choix entre Get et Post. La méthode de Post s'est imposée depuis quelque temps comme la meilleure.

Liste des catégories :

- Ligne de texte :

<pre><INPUT type="text" name="nom" size="50">



- Zone de saisie :

<TEXTAREA name="nom" rows=4 cols=40>Valeur par défaut</TEXTAREA> 

ROWS permet de determiner un nombre de ligne de zone de texte.
COLS quand à lui, determine le nombre de caractères visibles sur chaque ligne.
WRAP détermine la facon dont seront les sauts de lignes seront traités.
Virtual : Les changements de lignes seront transmis en une seule ligne.
Physical : Les changements sont également transmis.
Off : Aucun changement de ligne.

Valeur par défaut

- Liste déroulante :

<SELECT name="nom" size="1"> <OPTION>lundi <OPTION>mardi <OPTION>mercredi <OPTION>jeudi <OPTION>vendredi </SELECT>

lundi mardi mercredi jeudi vendredi

Vous pouvez changer le size, cela change le nombre visible au départ.
SELECTED permet de mettre l'option par défaut parmis les propositions. ( <OPTION selected>Mercredi)

- Boutons d'option

<INPUT type="radio" name="nom du groupe" value="valeur du bouton">

exemple :

<INPUT type= "radio" name="tarif" value="jour"> Tarif de jour <INPUT type= "radio" name="tarif" value="nuit"> Tarif de nuit <INPUT type= "radio" name="tarif" value="week-end"> Tarif de week-end

Tarif de jour Tarif de nuit Tarif de week-end

L'attribut: CHECKE permet de sélection par défaut.
Le bouton d'Option ne permet qu'une sélection, contrairement aux Cases à Cocher.

- Case à cocher

<INPUT type="checkbox" name="nom" value="valeur attachée au bouton">

<INPUT type="checkbox" name="choix1" value="1"> Lire <INPUT type="checkbox" name="choix2" value="2"> Ecrire <INPUT type="checkbox" name="choix3" value="3"> Ecouter de la musique <INPUT type="checkbox" name="choix4" value="4"> Regarder des films
Lire Ecrire Ecouter de la musique Regarder des films

- Bouton de commande

textarea>

<INPUT type="button" name="nom" value= "Bouton de test"onclick="alert('Test réussi !')">



- Submit et Reset

<INPUT TYPE="submit" NAME="nom" VALUE="texte du bouton">

Soit par exemple avec comme texte: Envoyer


Pour annuler :

<INPUT TYPE="reset" NAME="nom" VALUE="texte du bouton">


- Code complet

<FORM method="post" action="mailto:votre_adresse_Email"> Votre nom :<BR> <INPUT type="text" name="nom"><BR> Votre adresse :<BR> <TEXTAREA name="adresse" ROWS=2 COLS=35>

Votre nom :

Votre adresse :

Vous recevrez un e-mail écrit de cette facon:
nom=Emma+Losta&adresse=Rue+des+Cerisiers+717OD%OA2000+Neuchatel.
Il existe des programes comme "mailto: Formatter" pour vous aider à decripter.

Les nom= et adresse= sont le nom des champs.
Le & sépare des champs différents.
Les + correspondent aux espaces.
Et 17OD%OA correspond au changement de ligne.

Définir le sujet du mail // Envoyer une copie

Pour définir le sujet d'un mail, on utilisera la notation :

<...action="mailto:votre_adresse_Email?Subject="Sujet du mail">
On peut aussi envoyer une copie :

<...action="mailto:votre_adresse_Email?CC="autre_adresse_Email">

posté par Cynth le 20/04/08