Formulaires : balises et attributs principaux

 

accueil (cours internet)

À l'intérieur d'un formulaire vous pourrez proposer à l'internaute d'exprimer son opinion à l'aide de :


choix dans une liste

 
qui pourra être présentée sous forme de :  
menu déroulant ou liste : <select>
ou <select size="3">
cases à cocher ( choix multiple) <input type ="checkbox">
boutons radio ( choix exclusif ) <input type ="radio">

sélection d'un fichier situé sur le poste de l'internaute

<input type="file">


zones de texte

 
à remplir librement <input type="text">


boutons

ils permettront

 
d'envoyer les réponses : <input type="submit">
ou de les effacer <input type="reset">

 

Utilisation des attributs

<form method="post" enctype="text/plain" action="mailto:votre@adres.se">  

<fieldset><legend>VOUS</legend>
<!-- fieldset génère un encadré -->

<label for="nom">Votre nom :</label>
<input type="text" size="50" name="nom" id="nom"> <br />
<!--label identifie les zones de commentaires
l'attribut for se réfère à l'attribut id de l'élément concerné -->

<input type="radio" name="sex" value="m" id="m" />
<label for="m">homme</label>
<!--name identifie le groupe auquel appartient le bouton, id est son identifiant unique value l'information recueillie s'il est sélectionné -->
<input type="radio" name="sex" value="f" id="f" /> <label for="f">femme</label>
<br />

<input type="radio" name="titre" value="dr" id="dr" /><label for="dr">docteur</label>
<input type="radio" name="titre" value="me" id="me"/><label for="me">ma&icirc;tre</label>

</fieldset> <br />

<label for="animateur">Vous aimez :</label>
<select size="3" multiple="multiple" name="animateur" id="animateur">
<option>Jean-Pierre Foucaud</option>
<option>Claire Chazal</option>
<option>Julien Courbet</option>
</select>

<br />

<!-- multiple="multiple" (sic) permet de sélectionner plusieurs élément de la liste -->

<!-- size détermine le nombre de balises option encadrées par select -->

<input type="submit" value="Envoyer"/> <input type="reset" value="Effacer" />

</form>

 


donnera ceci :

VOUS




 


 

Eric
Pichon

retour haut de pageaccueil (cours internet)