Comment créer un formulaire HTML avec plusieurs boutons ?

Réponses rédigées par Antoine

Dernière mise à jour : 2020-07-08 11:02:01

Question

Comment puis-je créer un formulaire HTML avec plusieurs boutons, de telle manière que chacun des boutons mènent vers une URL différente ?

Réponse

Pour créer un formulaire HTML avec plusieurs boutons, vous pouvez utiliser JavaScript et utiliser la méthode HTMLFormElement.submit().

Dans l'exemple ci-après on crée une fonction nommée envoyer(a) où un paramètre a est passé en argument. La fonction vérifie alors la valeur de cet argument et selon celui-ci spécifie l'URL de destination du formulaire avec la propriété HTMLFormElement.action.

Puis le formulaire est alors soumis en programmatique via la méthode HTMLFormElement.submit().

Voici un exemple de formulaire HTML avec deux boutons :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment créer un formulaire HTML avec plusieurs boutons ?</title>
</head>
<body>
<script>
function envoyer(a)
{
if (a==1) document.formulaire.action="https://www.google.fr";
if (a==2) document.formulaire.action="https://www.yahoo.fr";
document.formulaire.submit()
}
</script>
<form name="formulaire">
<input type="button" value="Action 1" onClick="envoyer(1)">
<input type="button" value="Action 2" onClick="envoyer(2)">
</form>
</body>
</html>