Les caractères spéciaux en html

Les formulaires sont très pratiques, ils permettent de récolter des informations sur certaines choses, ou d'envoyé des email sans passe par la messagerie. Ils ont des multiples fonctions, et il est dont intéressant de voir comment les faire.

Pour voir un exemple de formulaire

Pour créer un formulaire il existe une balise : <form> ... </form> Bien sur il faut la paramétrer .. et c'est cela qui est compliqué. Voici les différents composants d'un formulaire :

- Ligne de texte :

<form>
<input type="text" name="nom" size="50" />
</form>

Donne :

On peut rajouter aussi l'attribut : maxlength="x" qui définit le nombr /e maximum de caractère a rentrer.

- Zone de saisie :

<form>
<textarea name="nom" rows=4 cols=40> Valuer par défaut </textarea>
</form>

Donne :

Valuer par défault

rows indique le nombr /e de lignes de la zone texte. cols indique le nombr /ede caractère a mettre pour chaque ligne.

- Liste déroulante :

<form>
<select name="nom" size="1">
<option /> hier
<option /> aujourd'hui
<option /> demain
</select>
</form>

Donne :

hier aujourd'hui demain

select: l'indice donné a size determine le nombr /e de ligne que l'on voit, si on avait mis 2 on aurait tout vu :

hier aujourd'hui demain

selected option qui permet de préselectionné un choix (ex :<option> selected; aujourd'hui)

hier aujourd'hui demain

- Boutons d'options :

<form>
<input type="radio" name="nom" value"valeur du bouton" />valeur 1
<input type="radio" name="nom" value"valeur du bouton 2" />valeur2
<input type="radio" name="nom" value"valeur du bouton 3" />valeur3
</form>

Donne :

valeur 1 valeur2 valeur3

name : doit avoir le meme nom pour tout le groupe. checked : permet de préselectionné une valeure (ex : <input type="radio" name="nom" value"valeur du bouton 2" checked />valeur2

valeur 1 valeur2 valeur3

- Case a cocher :

<form>
<input type="checkbox" name="nom" value"1" />valeur 1
<input type="checkbox" name="nom" value"2" />valeur2
<input type="checkbox" name="nom" value"3" />valeur3
</form>

Donne :

valeur 1 valeur2 valeur3

Ressemble au bouton d'option

- Bouton de commande :

<form>
<input type="button" name="nom" value="texte du bouton" onclick="fonction javascript" />
</form>

Donne :

exmple de fonction javascript <input type="button" name="nom" value="texte du bouton" onclick="alert(ca marche)" /> value : permet de changer le texte du bouton.

La fonction SUBMIT : <form>
<input type="submit" name="nom" value="Envoyer" />
</form>

Seul "value" peut etre changer. La fonction RESET : <form> <input type="reset" name="nom" value="Reset" /> </form>

Seul "value" peut etre changer.

- Exemple d'application, un livre d'or :

<form method="post" action"mailto:votre_email" />
Votre nom :<br />
<input type="texte" name="nom" />
<br />Votre e-mail :<br />
<textarea name="adresse" rows=1 cols=35></textarea>
<br />Votre avis :<br />
<textarea name="avis" rows=4 cols=35></textarea>
<br />
<input type="submit" value="Envoyer" /> <input type="reset" value="Annuler" />
</form>

Donne :

Votre nom :

Votre e-mail :

Votre avis :

Vous recevrez alors un e-mail de ce genre : nom=votre_nom&adresse=email+entré&avis=l+avis+donné + : c'est les espaces nom=votre_pseudo : pseudo entré par la personne qui a remplie le formulaire. Voila, j'espere que vous avez compris les bases de ce système.