web-dev-qa-db-fra.com

champ de saisie html EN DEHORS du formulaire

J'ai un formulaire avec un ensemble d'entrées et je souhaite que ma page soit actualisée lorsque l'une d'elles change. J'ai un deuxième ensemble d'entrées de l'autre côté de la page, et la disposition CSS ne me permet pas de les mettre dans le même <form></form> tag. Je me demandais s'il y avait un moyen de s'assurer que ces "entrées" qui se trouvent en dehors du <form> tag sont toujours associés à ce formulaire.

Existe-t-il un moyen d'attribuer un "identifiant de formulaire" aux entrées?

50
dlitwak

En HTML5, vous pouvez utiliser l'attribut form :

Un élément associé à un formulaire est, par défaut, associé à son élément de formulaire ancêtre, mais peut avoir un attribut de formulaire spécifié pour remplacer cela.

Si un élément associé à un formulaire a un attribut de formulaire spécifié, la valeur de cet attribut doit être l'ID d'un élément de formulaire dans le document propriétaire de l'élément.

Exemple:

<form id="myform">
    <input id="something" type="text">
</form>

<button form="myform" type="submit">Submit that form over there</button>

Vous devez cependant vous assurer qu'il est clair pour l'utilisateur que ces éléments de formulaire visuellement séparés sont en fait connectés.

81
You