tutoriels-fr
Vous êtes ici : Tutoriel

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 :

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.


Partenaires : Clim reversible - chauffage -

 

 

- [ Powered by Itseasy v0.3.7 | Thème : tutoriels-fr par kanux ] -
Site créé et developpé par kanux © www.tutoriels-fr.com - 2003-2005
Tutoriels-fr est déclaré à la CNIL sous le numéro 1013692
Histoire - Hébergeur : ovh
Administrer Itseasy