formulaire à l'intérieur du tableau

Question

J'ai inclus des formulaires dans un tableau HTML pour ajouter de nouvelles lignes et mettre à jour la ligne actuelle. Le problème que j'ai est que lorsque j'inspecte le formulaire dans les outils de développement, je vois que les éléments du formulaire se ferment immédiatement après l'ouverture (les zones de saisie, etc. ne sont pas contenues dans le formulaire).

Par conséquent, le champ ne peut pas être inclus lors de la soumission du formulaire.

Les lignes du tableau et les zones de saisie sont les suivantes :

<tr>
    <form method="post" action="">
        <td>
            <input type="text" name="job_num">
        </td>

        <td>
            <input type="text" name="desc">
        </td>
    </formulaire>
</tr>

Toute aide serait la bienvenue, merci.

Answer 1

Si vous souhaitez enregistrer votre balisage, utilisez l'attribut "form" :

<form method="GET" id="my_form"></form>

<table>
    <tr>
        <td>
            <input type="text" name="company" form="my_form" />
            <button type="button" form="my_form">ok</button>
        </td>
    </tr>
</table>

(*Champs de formulaire en dehors de la balise <form>)

Answer 2

Un formulaire n'est pas autorisé en tant qu'élément enfant de table、tbody或tr. Si vous tentez de placer le formulaire à ces emplacements, le navigateur déplacera le formulaire derrière le tableau (tout en préservant son contenu - lignes du tableau, cellules du tableau, zones de saisie, etc.).

Vous pouvez placer le tableau entier dans un seul formulaire. Vous pouvez placer un formulaire dans une cellule de tableau. Mais vous ne pouvez pas placer une partie d’un tableau dans un formulaire.

Utilisez un formulaire autour de toute la table. Le bouton Soumettre cliqué peut ensuite être utilisé pour déterminer les lignes à traiter (pour augmenter la vitesse) ou pour traiter chaque ligne (pour permettre les mises à jour par lots).

HTML 5 a introduit form attribute。这允许你在表格之外为每一行提供一个表单，然后使用其idl'association de tous les contrôles de formulaire d'une ligne donnée à l'un des formulaires.