Coloque el botón en un formulario que no use la URL del formulario

Question

Tengo un formulario normal con una URL como acción a la que se envía el formulario cuando se hace clic en el botón de envío (o se presiona Enter).
Ahora necesito un segundo botón que vaya a otra página. Sé que debería usar un enlace para esto, pero en cuanto a los requisitos del cliente, debería verse como un botón.
Debido a que las hojas de CSS no se hacen internamente (y la comunicación se hace imposible para mí), necesito un botón en el formulario y, por lo tanto, no puedo usar un segundo formulario para el botón.

Pensé que cualquiera de las siguientes etiquetas podría hacer el trabajo:

<input type="button">

o

<button>

¿Puedo configurar cualquiera de ellos para navegar a un enlace sin usar JavaScript?

Answer 1

La única forma de hacer esto sin usar JavaScript es tener el segundo botón dentro de un segundo formulario, cuya acción es el destino deseado. Es posible que pueda usar CSS para colocar este segundo botón 'dentro' del primer formulario.

Answer 2

Puede hacer esto con:

• Una segunda forma

• Javascript

• CSS para burlarse de la apariencia de un botón en un enlace de anclaje

Parece que ha descartado los tres en la pregunta, pero tal vez haya dejado una pequeña ventana para el estilo en línea (dice que no tiene control sobre las " hojas CSS " pero que deja espacio para un atributo de estilo), pero esta solución, por supuesto, no pasará ninguna información del formulario a la otra página.

Answer 3

no, debes usar javascript

  

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

Answer 4

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

Answer 5

cambia la acción del formulario dinámicamente:

aquí está el código javascript:

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

el botón en html:

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

Answer 6

No se puede hacer en HTML puro.

Editar: Excepto, por supuesto, Método de Peter