Contenu | Recherche | Plan du site | Accessibilité

Org #!/bin/libre

Actualités Documentation Projets Services Debian Staff A propos

WebDev LiborDocs

Les formulaires web - html

texte - Champs de texte

Pour saisir toute sorte de texte, nom, prénom, adresse, messages. Dans l'exemple les informations récoltées iront dans le fichier texte.php.

Nom :

Message :

<form action="texte.php" method="post">
<p>Nom :<br>>
<input name="nom" type="text" size="40" maxlength="40">
</p>
<p>Message :<br>
<input name="nom" type="text" size="40" maxlength="40">
</p>
</form>

select - Listes de choix

Créer une liste de choix sous forme de séléction.

Avec une taille, size="3".

<form action="choix.php" method="post">
<p>
<select name="version">
<option>Stable</option>
<option>Testing</option>
<option>Unstable</option>
<option>Old</option>
</select>
</p>
</form>

checkbox - Cases à cocher

Des cases pour choisir avec checkbox, premettent plusieurs possibilités.

i386
arm
powerpc
source

<form action="checkbox.php" method="post" enctype="text/plain">
<p>
<input type="checkbox" name="composant" value="i386">i386<br>
<input type="checkbox" name="composant" value="arm">arm<br>
<input type="checkbox" name="composant" value="powerpc">powerpc<br>
<input type="checkbox" name="composant" value="source">source<br>
</p>
</form>

radio - Cases à option

Les cases à option ne permettent qu'un seul choix.

de 10 à 20
de 20 à 30
de 30 à 40
de 40 à 60

<form action="radio.php" method="post" enctype="text/plain">
<p>
<input type="radio" name="dons" value="10à20">de 10 à 20<br>
<input type="radio" name="dons" value="20à30">de 20 à 30<br>
<input type="radio" name="dons" value="40à50">de 30 à 40<br>
<input type="radio" name="dons" value="50à60">de 40 à 60<br>
</p>
</form>

password - Formulaire pour mot de passe

Les formulaire de mot de passe on un type spéciale de champ de saisie ou les caractères sont masqué par des étoiles grâce la balise <input> de type password.

Mot de passe :

<form action="password.php" method="post">
<p>Mot de passe :<br>
<input name="motdepasse" type="password" size="15" maxlength="10">
</p>
</form>

Parcourir et séléctionner un fichier

Afin que le visiteur puisse joindre ou uploader un fichier depuis sont disque dur.

<input type="file" name="fichier" size="40" maxlength="40">

haut de la page