Site Web: fonctionnement, structure et programmation
Navigation
Tableaux et formulaires
Résumé de la section
La liste suivante répertorie les éléments importants à retenir de cette section:
A retenir !
Les tableaux HTML servent à structurer des données tabulaires. Ils ne doivent pas servir à réaliser des mises en pages puisque ce sont les CSS et leur fonctionnalité de positionnement qui permettent de créer des mises en pages sur plusieurs colonnes
Les tableaux sont des grilles. Chaque ligne est spécifiée par <tr> et chaque colonne par <td>
L'élément <table> définit un tableau tout entier; chaque ligne est construite à l'aide de l'élément <tr>; une ligne contient une ou plusieurs cellules qui sont déterminées par l'élément <td>; l'élément <th> indique les en-têtes de colonne ou de ligne
Il est possible de fournir des informations sur les tableaux avec l'attribut summary et l'élément <caption>
Lorsqu'une cellule n'a aucun contenu, laissez l'élément <td> vide de contenu. Ceci est indispensable pour conserver le bon alignement des cellules.
Si une cellule couvre plusieurs lignes ou plusieurs colonnes, servez-vous des attributs rowspan ou colspan pour l'élément <td>
L'élément <form> définit un formulaire et tous les éléments qui y sont imbriqués.
L'attribut action contient l'URL de l'application web capable de traiter les données envoyées.
L'attribut method contient le type de méthode qui sert à envoyer les données du formulaire: POST ou GET. Avec POST, les données sont envoyées dans le corps du formulaire. Avec GET, elles sont ajoutées à l'URL puis envoyées. Utilisez POST lorsque les données sont confidentielles ou nombreuses. Utilisez GET quand une requête peut être mise dans les signets.
L'élément <input> permet d'inclure toutes sortes de commandes sur la page web, leur nature dépend de la valeur de l'attribut type: le type text crée un champ d'une ligne, le type password crée un champ d'une ligne dont l'entrée est invisible, le type submit crée un bouton de soumission, le type radio crée un bouton radio, le type checkbox crée une case à cocher.
Les boutons radio qui portent le même attribut name forment une série de choix basés sur l'exclusion (un seul bouton peut être coché).
Les cases à cocher peuvent former une série permettant un choix multiple en leur donnant toute le même attribut name.
Un élément <textarea> donne une zone de texte de plusieurs lignes.
Un élément <select> crée un menu qui propose un ou plusieurs éléments <option>. L'élément <option> définit les articles du menu.
Le HTML permet aux éléments d'un formulaire d'être organisés avec l'élément <fieldset>.
Si vous mettez du texte dans un élément <textarea>, il s'affichera dans la zone de texte sur la page web.
L'attribut value des éléments <input> permet d'afficher un texte par défaut dans le champ.
Fournir une valeur par défaut à l'élément submit permet de donner un nom autre que submit au bouton de soumission du formulaire.
Quand un formulaire est soumis, les données sont couplées à leur attribut name respectif. Le tout est envoyé au serveur.
Les tableaux sont fréquemment utilisés pour effectuer la mise en page des formulaires dans la mesure où leur structure est tabulaire.