Si un formulaire HTML a deux boutons <input type = "submit">, comment puis-je savoir sur quel bouton a été cliqué?

Question

Supposons que j'ai le formulaire HTML suivant:

<form> 
... 
<input type="submit" name="queue" value="Queue item"> 
<input type="submit" name="submit" value="Submit item"> 
</form> 

Comment puis-je savoir sur quel bouton l'utilisateur a cliqué (sans utiliser javascript)?

J'ai regardé les données soumises et il semble que lorsque "Queue Item" est cliqué puis "queue" = "Queue Item" est envoyé au serveur. Et quand "Submit item" est cliqué puis "submit" = "Submit item" ensembles envoyés.

Puis-je me fier à ce comportement? Est-il documenté quelque part dans la norme sur les formulaires HTML? Comment faites-vous les gars?

Answer 1

Oui, vous pouvez compter sur cela; il est entièrement documenté here. Les lignes pertinentes spécifiques indiquent:

Lorsqu'un formulaire est soumis pour traitement, certains contrôles ont leur nom associé à leur valeur actuelle et ces paires sont soumises avec le formulaire. Les contrôles pour lesquels les paires nom/valeur sont soumises sont appelés contrôles réussis.

et

Si un formulaire contient plus d'un bouton d'envoi, seul le bouton activé envoi est réussie.

Answer 2

Vous pouvez compter sur ce comportement. Vous obtenez la valeur de l'entrée. Je voudrais utiliser javascript pour basculer une valeur de formulaire caché, mais puisque vous avez mentionné aucun javascript vous n'avez pas plusieurs choix.

C'est un standard. Comme il s'agit d'une balise input et qu'elle porte un value, cela signifie que vous obtenez le value soumis.

Answer 3

Oui, vous pouvez compter sur ce comportement.

Lorsque vous cliquez sur <input type="submit" name="queue" value="Queue item">, le champ "file d'attente" sera défini et "submit" ne le sera pas. Alors que lorsque l'on clique sur l'autre, le champ "submit" sera défini et "queue" ne le sera pas.

Si vous n'êtes pas sûr, vous pouvez les diviser en 2 formes et travailler ainsi.

Answer 4

Divisez le formulaire en deux formes, en répliquant toutes les autres entrées requises par l'autre action. Ou, si vous avez juste besoin de savoir si l'utilisateur veut "mettre en file d'attente ou soumettre" l'élément, changez les deux boutons de soumission aux sélections radio pour basculer entre les deux options, et disposez d'un nouveau bouton "soumettre le formulaire".

Dans cette situation, si vous voulez une option en un seul clic, vous pouvez utiliser Javascript pour détecter quand l'un des boutons radio est sélectionné, et envoyer automatiquement le formulaire instantanément. (Utilisation de Javascript pour l'interface utilisateur plutôt que pour la gestion des formulaires)