Placez le bouton dans un formulaire qui n'utilise pas l'URL du formulaire

StackOverflow https://stackoverflow.com/questions/435044

  •  10-07-2019
  •  | 
  •  

Question

J'ai un formulaire standard avec une URL en tant qu'action à laquelle le formulaire est soumis lorsque vous cliquez sur le bouton d'envoi (ou que vous appuyez sur Entrée).
Maintenant, j'ai besoin d'un deuxième bouton qui mène à une autre page. Je sais que je devrais utiliser un lien pour cela, mais en ce qui concerne les exigences du client, il devrait ressembler à un bouton.
Parce que les feuilles CSS ne sont pas créées en interne (et que la communication m'est impossible), j'ai besoin d'un bouton dans le formulaire et je ne peux donc pas utiliser un second formulaire pour le bouton.

Je pensais que l'une ou l'autre des balises suivantes pourrait faire l'affaire: 

<input type="button">

ou 

<button>

Puis-je définir l'un ou l'autre pour naviguer vers un lien sans utiliser javascript?

Était-ce utile?

La solution

La seule façon de faire cela sans utiliser JavaScript est d’avoir le deuxième bouton dans un deuxième formulaire, dont l’action correspond à la destination souhaitée. Vous pourrez peut-être utiliser CSS pour positionner ce second bouton "à l'intérieur" du premier formulaire.

Autres conseils

Vous pouvez le faire avec:

  • Un deuxième formulaire

  • Javascript

  • CSS pour simuler l'apparence d'un bouton sur un lien d'ancrage

Il semble que vous ayez écarté les trois questions dans la question, mais vous avez peut-être laissé une petite fenêtre pour le style en ligne (vous dites que vous n’avez aucun contrôle sur les & "CSS CSS &"; cela laisse de la place pour un attribut de style), mais cette solution ne transmettra évidemment aucune information de formulaire à l’autre page.

non, vous devez utiliser javascript

  

<input type="button" value="go" onclick="javascript:location.href='http://www.stackoverflow.com';" /> 

<input type="button" onclick="document.location='my_other_link'" value="Click here"/>

changez l'action du formulaire de manière dynamique:

voici le code javascript: 

function submitAnotherURL(){
 var yourForm = document.your_form_name;
 yourForm.action='your_other_link';
 yourForm.submit();
}

le bouton en HTML: 

<input type="button" onclick="submitAnotherURL()" value="Click here"/>

Cela ne peut pas être fait en HTML pur.

Modifier: Sauf, bien sûr, La méthode de Peter

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top