Formez à l'intérieur d'une table-html

Formez à l'intérieur d'une table-html
Le modèle de table HTML permet aux auteurs d'organiser des données sous forme d'images, de champs de formulaires, d'images, de texte formaté, de mini-tables et bien d'autres. Chaque table peut avoir une description correspondante qui fournit une brève discussion de la fonction de la table. De plus, si les utilisateurs souhaitent organiser les données intelligemment sur les sites Web, ils peuvent ajouter des formulaires à l'intérieur des cellules de la table.

Ce message explique la méthode pour créer une forme à l'intérieur de la table.

Comment créer une forme à l'intérieur d'une table?

Vous pouvez créer un tableau en utilisant le "

"Tag, puis définissez les lignes de table à l'aide de"" et utilise "
«Pour ajouter des données à l'intérieur du tableau. Au milieu du «”Tag, utilisez le"»Élément pour créer une forme dans le tableau.

Pour créer un formulaire à l'intérieur d'une table, suivez les instructions données.

Étape 1: Faites un conteneur div

Initialement, faites un conteneur div en utilisant le «" étiqueter. Ajoutez également un "identifiant”Attribut et spécifiez un nom à l'ID pour l'identification.

Étape 2: Concevoir une table

Ensuite, concevez une table en utilisant le «

" étiqueter. Ensuite, définissez les lignes de table et les données de la table à l'intérieur du tableau. Pour ce faire, suivez les étapes déclarées:

  • "
”Est ​​utilisé pour insérer les rangées de table à l'intérieur de la table.
  • "
  • "Est déployé pour mettre les données à l'intérieur des lignes de table.

    Étape 3: Créer une forme

    Ensuite, à l'intérieur du «

    ”Ouverture et clôture, créez une forme à l'aide du"”Elément et définissez l'élément suivant dans la forme:

    • "”L'élément spécifie l'étiquette d'un champ dans une interface utilisateur.
    • ""Est utilisé pour effectuer des contrôles efficaces pour les formulaires Web pour accepter les données des utilisateurs. Pour ce faire, ajouter "taper" et "espace réservé" les attributs.
    • "taper»L'attribut détermine le type indiqué de l'entrée définie.
    • "espace réservé»L'attribut est utilisé pour ajouter la valeur dans le champ de formulaire à afficher:




















    Données de table

    Sortir

    Étape 5: Style le conteneur div

    Accédez au conteneur Div à l'aide du «identifiant«Sélecteur et la valeur de« l'identifiant »comme«# Tableau principal". Ensuite, appliquez les propriétés CSS mentionnées ci-dessous dans le bloc de code:

    # TABLEAU MAINE
    Border: 4px RVB solide (35, 238, 8);
    Couleur: RVB (29, 7, 230);
    Color en arrière-plan: RVB (248, 233, 192);
    rembourrage: 30px;
    marge: 20px 40px;

    Dans l'extrait de code ci-dessus:

    • "frontière"Est utilisé pour définir une frontière autour de l'élément dans une page HTML.
    • "couleur»Spécifie la couleur du texte à l'intérieur de l'élément.
    • "Couleur de l'arrière plan"Est utilisé pour allouer la couleur à l'arrière de l'élément défini.
    • "rembourrage»Ajoute de l'espace autour de l'élément à l'intérieur de la limite définie.
    • "marge»Détermine l'espace à l'extérieur de la bordure définie.

    Sortir

    Étape 6: Appliquer le style sur les données de la table

    Accédez aux données de la table à l'aide de son nom et appliquez le style en fonction de vos préférences:

    Table TD
    Border: 3px Groove RGB (15, 11, 252);

    Pour ce faire, le «frontière»Est défini autour des données de la table.

    Comme vous pouvez le voir, la frontière a été ajoutée avec succès en dehors des données de la table:

    Étape 7: Formulaire de style

    Maintenant, accédez au formulaire et appliquez les propriétés CSS en fonction de votre choix:

    former
    Color en arrière-plan: RVB (140, 140, 245);

    Comme, nous avons appliqué le «Couleur de l'arrière plan»Propriété pour spécifier la couleur à l'arrière de l'élément de forme:

    Il s'agit de créer la forme à l'intérieur de la table.

    Conclusion

    Pour créer une forme à l'intérieur de la table, créez d'abord une table à l'aide du «

    " étiqueter. Ensuite, ajoutez des lignes en utilisant le «»Et les données avec le«
    " élément. Après cela, entre le «”Element, créez une forme en utilisant l'élément et ajoutez des attributs en fonction de vos préférences. Ce message a expliqué la méthode de création d'une forme à l'intérieur d'une table.