Comment créer un bouton HTML Cancel qui redirige vers une URL

Cricket rouge:

Je joue avec les boutons de l'éditeur Tryit de w3schools , et j'essaie de comprendre comment faire rediriger mon navigateur vers une URL lorsque je clique sur le bouton "Annuler".

Voici ce que j'ai essayé:

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit" value="Submit">Submit</button>
  <button type="reset" value="Reset">Reset</button>
  <button type="cancel" onclick="javascript:window.location='http://stackoverflow.com';">Cancel</button>
</form>

Mais ça ne marche pas. Des idées?

Quentin:

canceln'est pas une valeur valide pour un attribut de type, donc le bouton est probablement par défaut submitet continue d'envoyer le formulaire. Vous voulez probablement dire type="button".

(Le javascript:devrait être supprimé cependant, bien que cela ne fasse aucun mal, c'est une étiquette entièrement inutile )

Cependant, vous n'avez aucune fonctionnalité de type bouton, alors ce serait mieux avec:

<a href="http://stackoverflow.com"> Cancel </a>

… Éventuellement avec du CSS pour le faire ressembler à un bouton.

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Comment ajouter un bouton qui vous redirige vers la page html django admin page

Comment écrire un service qui affiche du HTML ou qui redirige vers une autre page

Comment créer un lien vers une autre page html avec un seul bouton?

Comment créer un bouton qui redirige simplement sans soumettre mon formulaire?

Thymeleaf: Comment créer un lien de bouton vers une autre page html?

Comment créer un bouton qui ouvre une autre activité

Comment créer une zone de saisie qui redirige l'utilisateur vers une page distincte lorsqu'un certain code est saisi ?

Bouton Laravel Backpack qui redirige vers la vue de création d'un autre modèle

Comment créer un lien de bouton radio vers une page à l'aide d'un bouton

Comment créer un bouton qui ajoute une chaîne avec des balises HTML et des classes?

Créer un bouton qui vous renvoie vers une autre page

Extension Chrome: Comment envoyer des données de formulaire html à une page php en cliquant sur le bouton qui redirige vers ladite page php

Comment activer Bootstrap 4 modal en cliquant sur un bouton dans la première page, qui vous redirige vers une deuxième page avec modale activée?

Comment ne pas attendre le chargement de la page lorsque vous cliquez sur un bouton qui vous redirige vers une page? Java

Comment créer un lien vers une autre page html?

Comment créer une fonction javascript qui renvoie un html

Comment puis-je faire qu'un bouton redirige ma page vers une autre page?

Comment créer un bouton AND qui ajoute une instruction AND à une requête?

Comment créer un bouton d'envoi qui ajoute une valeur à une URL et accède à cette URL après la soumission?

Comment ajouter un bouton dans la grille pour créer un lien vers une page Web ?

Comment créer un bouton HTML qui agit comme un lien?

Comment créer un bouton html qui passe un paramètre?

Comment créer un gestionnaire d'erreurs en php qui redirige l'utilisateur si une erreur spécifique se produit ?

Comment créer un bouton ou un lien hypertexte pour chaque ligne d'une page Web PHP/HTML qui affiche les lignes d'une table SQL ?

Comment créer un objet URL qui pointe vers un emplacement hdfs?

Comment créer une fonction membre qui renvoie un pointeur vers une fonction membre?

comment créer un bouton dans le tableau pour acheminer vers l'URL

Comment créer un formulaire angulaire qui fusionne un lien hypertexte vers une chaîne?

Comment créer un bouton HTML transparent?

TOP liste

  1. 1

    Microsoft.WebApplication.targets

  2. 2

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  3. 3

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  4. 4

    Comment ajouter une entrée à une table de base de données pour une combinaison de deux tables

  5. 5

    Passer la taille d'un tableau 2D à une fonction ?

  6. 6

    Exporter la table de l'arborescence vers CSV avec mise en forme

  7. 7

    Impossible d'accéder à la vue personnalisée pendant le test de l'interface utilisateur dans XCode

  8. 8

    Créer un système Buzzer à l'aide de python

  9. 9

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  10. 10

    impossible d'obtenir l'image d'arrière-plan en plein écran dans reactjs

  11. 11

    Algorithme: diviser de manière optimale une chaîne en 3 sous-chaînes

  12. 12

    CSS: before ne fonctionne pas sur certains éléments,: after fonctionne très bien

  13. 13

    Conversion double en BigDecimal en Java

  14. 14

    Comment obtenir l'intégration contextuelle d'une phrase dans une phrase à l'aide de BERT ?

  15. 15

    Comment choisir le nombre de fragments et de répliques Elasticsearch

  16. 16

    Comment vérifier si un utilisateur spécifique a un rôle? Discord js

  17. 17

    Comment créer un bot à compte à rebours dans Discord en utilisant Python

  18. 18

    Existe-t-il un moyen de voir si mon bot est hors ligne ?

  19. 19

    comment afficher un bouton au-dessus d'un autre élément ?

  20. 20

    Comment activer le message Pylint "too-many-locals" dans VS Code?

  21. 21

    Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django

chaudétiquette

Archive