Une question pour les expert·es CSS.
J’ai un formulaire, composé de deux parties (principale et options), la partie options étant souvent plus haute que la partie principale ce qui fait que cette dernière a pas mal d’espace libre en dessous d’icelle.
Par ailleurs j’ai un autre (petit) formulaire, affiché sous le premier, sur la même page, et que j’aimerais remonter pour qu’il utilise la partie non utilisée sous la partie principale.
Un petit schéma :
Sur le schéma, le formulaire a un cadre bleu foncé, la partie principale de celui-ci a un fond bleu clair, la partie options a un fond rose, l’espace libre sous la partie principale est identifiée par un cadre pointillé et c’est là que j’aimerais disposer le 2e formulaire (qui contient uniquement un bouton Clone, pour l’exemple).
Le premier formulaire a un layout correspondant à :
#main-form {
display: flex;
flex-wrap: wrap;
}
Et sa partie principale :
#main-form-main {
flex-grow: 1;
}
La partie option ayant une largeur fixée.
La question est :
Comment je peux déplacer le 2e formulaire pour occuper la place disponible sous la partie principale, si jamais c’était possible ?
Ou exprimé différemment :
Est-ce qu’il est possible d’afficher un formulaire dans l’espace occupé par un autre formulaire et si oui comment ?
Réponse :
Il est possible d’afficher dans la zone occupée le formulaire principal des éléments appartenant au formulaire secondaire, dès lors que l’attribut form=”second_form” est positionné pour ces éléments.
À noter : la soumission ne fournira que les éléments référents (explicitement ou implicitement) du formulaire.
Donc oui, on fait un peu ce qu’on veut dès lors qu’on positionne les bons attributs \o/