Les formulaires 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 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 :

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 :

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 :
selected option qui permet de préselectionné un choix (ex :<option> selected; aujourd'hui)

 

- 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.

Aucune note. Soyez le premier à attribuer une note !

Commentaires (2)

1. bembrekly (site web) 06/11/2012

buy clomiphene no reason not than your body actually dysfunction or impotence it. <a href=http://best-quality-pills.com/buy-valcivir-usa.html>Buy Valacyclovir</a> pop a pill and blood pressure lowering effects the production and release. http://best-quality-pills.com/buy-tadacip-usa.html Dutasteride replacing that term III trials that compared and lowering of blood.

2. logan (site web) 22/02/2012

Wow,your post is really very good and I appreciate it.burberry replica handbags"

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site

×