Plusieurs formes avec des champs partagés

Question

Comment créer plusieurs formulaires avec des champs partagés sans utiliser javascript?

<input type=text name=username /> 
<form action="/users"> 
    ... some fields ... 
</form> 
<form action="/admins"> 
    ... some another fields ... 
</form> 

Answer 1

Je ne pense pas que ce soit possible. Pour vos besoins, la balise d'entrée doit être à l'intérieur d'une balise de formulaire. En outre, vous ne pouvez pas imbriquer des tags de formulaire différents les uns dans les autres, il n'y a donc aucun moyen de résoudre votre problème sans JavaScript.

Si vous souhaitez utiliser JavaScript, vous pouvez fournir aux deux formulaires un champ d'édition portant le même nom et écrire JS pour synchroniser les deux.

En jQuery, vous feriez comme ceci:

$('input[name="username"]').change(function() { 
    $('input[name="username"]').val($(this).val()); 
}); 

(c'est juste à côté du haut de ma tête ... vous pouvez toujours le faire plus joli)

Answer 2

Il est pas nécessaire pour avoir l'étiquette d'entrée dans le formulaire: an input can be associated with its form using its form attribute.

Ce serait bien si les formulaires pouvaient partager des entrées, mais je n'en ai pas entendu parler. Peut-être devrions-nous demander au W3C de l'introduire en HTML6?

MISE À JOUR: Une solution serait d'avoir un seul formulaire avec plusieurs boutons « Soumettre », en utilisant des éléments <input type="submit" name="..." value="..." /> ou <button type="submit" name="..." value="...">...</button>, de sorte que tous les champs se soumettre quand un bouton est pressé, et le côté serveur peut alors vérifier quel bouton a été pressé.