Les formulaires

La balise form

<form name="form1" action="post/reception.php" method="post">

</form>

Les balises input

Champ de texte

type="text"

<label>Champ de texte
<input name="champ_texte" type="text" value="A compl&eacute;ter" size="40" />
</label>

Champ masqué

type="hidden"

<label>Champ masqu&eacute;
<input type="hidden" name="champ_masque" />
</label>

Champ de mot de passe

type="password"

<label>Mot de passe
<input type="password" name="Confidentiel" />
</label>

Bouton radio

type="radio"

<label>
<input name="choix_unique" type="radio" value="Oui" checked="checked" />
Oui</label>

Groupe de bouton radio

type="radio"

<label>
<input name="RadioGroup1" type="radio" value="Oui" id="RadioGroup1_0" checked="checked" />
Oui</label>
<label>
<input type="radio" name="RadioGroup1" value="Non" id="RadioGroup1_1" />
Non</label>

Case à cocher

type="checkbox"

<label>
<input name="case_cocher" type="checkbox" checked="checked" />
Case à cocher</label>

groupe de case à cocher

type="checkbox"




<label>
<input name="centres_interet" type="checkbox" id="CheckboxGroup1_0" value="Sport" checked="checked" />
Sport</label>
<br />
<label>
<input name="centres_interet" type="checkbox" id="CheckboxGroup1_1" value="Cinéma" />
Cinéma</label>
<br />
<label>
<input name="centres_interet" type="checkbox" value="Balade" id="CheckboxGroup1_2" />
Balade</label>
<br />
<label>
<input name="centres_interet" type="checkbox" value="Restaurant" id="CheckboxGroup1_3" />
Restaurant</label>

Fichier

type="file"

<label>Envoi de fichier
<input type="file" name="upload" />
</label>

Image

type="image"

<label>Champ d'image
<input type="image" name="champ_img" src="Images/php.png" />
</label>

Bouton

type="submit"
type="reset"

<input type="submit" name="envoi" value="Envoyer mon formulaire" />
<input type="reset" name="Retablir" value="R&eacute;initialiser" />

La balise textarea

<label>Zone de texte
<textarea name="zone_texte" cols="45" rows="5">Texte dans la balise</textarea>
</label>

La balise select

<label>Liste déroulante

<select name="balise_select">
<option value="Valeur 1" selected="selected">Valeur 1</option>
<option value="Valeur 2">Valeur 2</option>
</select>

</label>