Créer un formulaire

Un tableau peut être ajouté à une page Internet pour recueillir de l'information qui pourra ensuite être traitée ou conservée dans une base de données. Voici les balises qui permettent de structurer un formulaire :

<BUTTON>

Insère un bouton dans le formulaire.

acceskey	Définit un caractère comme raccourci;
name	Définit le nom du bouton;
tabindex	Définit la position du contôle dans l'index. Permet passer d'un contrôle à l'autre dans un ordre défini par la touche TAB;
type (BUTTON | SUBMIT | RESET)	Définit le type de bouton. Un bouton auquel une fonction peut être assignée, comme SUBMIT, permet de soumettre l'information. RESET permet de remettre le formulaire à blanc;
value	Définit une valeur par défaut au bouton;

<FORM>

Définit le tableau.

action	Définit l'URL où doit être envoyée l'information pour être traitée;
method (GET | POST)	Définit la façon dont sera transmise l'information. GET ajoute l'information à l'URL définie par l'attribut action. Les informations sont séparées de l'URL par un " ? ". POST envoie l'information dans l'entête http;
target	Définit la fenêtre dans laquelle la page sera ouverte (voir multi-fenêtre).

<INPUT>

Définit les contrôles du formulaire.

checked	Coche le contrôle par défaut. Ne peut être utilisé que pour un bouton radio ou une case à cocher;
maxlenght	Définit le nombre de caractères pour un contrôle texte ou mot de passe;
name	Définit un nom au contrôle;
readonly	Interdit les modifications de données pour un contrôle texte ou mot de passe;
size	Définit la largeur en pixels d'un contrôle;
src	Spécifie une image qui sera affichée sur le contrôle;
tabindex	Définit la position du contrôle dans l'index;
type (text| password| checkbox| radio| submit| reset| file| hidden| image| button)	Définit le type du contrôle;
Text	Crée une zone de saisie de texte;
Password	Crée une zone de saisie de texte qui retourne des " * " au lieu des caractères saisis;
Checkbox	Crée une case à cocher. Pour associer plusieurs cases, il suffit de leur donner le même nom;
Radio	Crée un bouton radio. Pour associer plusieurs bouton radio, il suffit de leur donner le même nom;
Submit	Crée un bouton soumettre;
Image	Crée un bouton soumettre graphique;
Reset	Crée un bouton pour remettre le formulaire à blanc;
Button	Crée un bouton
Hidden	Crée un control invisible;
File	Crée un contrôle qui permet d'associer un fichier qui peut être soumis dans le formulaire;
Value	Définit une valeur d'un contrôle case à cocher ou bouton radio.

<OPTION>

Définit un choix dans une liste.



Voici ses principaux attributs :



selected	Définit la valeur par défaut;
value	Indique la valeur qui est retournée par la liste au formulaire pour effectuer un traitement;





<OPTGROUP>

Définit un groupe de choix dans une liste.





<SELECT>

Définit un contrôle liste de choix.

disabled	Désactive le contrôle multiple;
name	Définit le nom du contrôle SIZE = Number;
size	Définit le nombre de lignes du contrôle;
tabindex	Définit la position du contrôle dans l'index.

<TEXTAREA>

Définit une zone texte à lignes multiples.

cols	Définit le nombre de colonnes visibles;
rows	Définit le nombre de lignes visibles;
acceskey	Définit un caractère comme raccourci;
disables	Désactive le contrôle;
name	Définit le nom du contrôle;
readonly	Ne permet pas la saisie d'information;
tabindex	Définit la position du contrôle dans l'index.

<form>
<p><b>Identification personnelle :</b></p>
<dl>
<dd>
<table>
<tr>
<td>Nom
<td><input type="text" size="35" maxlength="256" name="Nom">
</tr>
<tr>
<td>E-mail
<td><input type="text" size="35" maxlength="256" name="Email">
</tr>
<tr>
<td>Tel
<td><input type="text" size="35" maxlength="256" name="Tel">
</tr>
</table>
</dd>
</dl>
<p><strong>Quel est votre sexe?</strong></p>
<dl>
<dd><input type="radio" checked name="Sexe" value="Masculin">Masculin
<input type="radio" name="Sexe" value="Feminin">Féminin</dd>
</dl>
<p><strong>Quelle est votre occupation?</strong></p>
<dl>
<dd><select name="Occupation" size="1">
<option selected>Président</option>
<option>Directeur informatique</option>
<option>Analyste</option>
<option>>programmeur</option>
<option>Étudiant</option>
<option>(Autre)</option>
</select> Autre: <input type="text" size="26" maxlength="256" name="Occupationautre"></dd>
</dl>
<p><strong>Faites vos commentaires:</strong></p>
<dl>
<dd><textarea name="Commentaires" rows="5" cols="42"></textarea></dd>
</dl>
<dl>
<dd> </dd>
</dl>
<p><input type="submit" value="Soumettre"> <input type="reset" value="Effacer"></p> </form>
</form> <hr noshade size="1">

Identification personnelle :

Nom :
E-mail :
Tel :

Quel est votre sexe?

Masculin Féminin

Quelle est votre occupation?

Président Directeur informatique Analyste programmeur Étudiant (Autre) Autre:

Faites vos commentaires:

 

 Créer un tableau    Le multifenêtrage