botão Coloque em uma forma que não usa URL do formulário

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

  •  10-07-2019
  •  | 
  •  

Pergunta

Eu tenho um formulário regular com um url como uma ação para que os submete o formulário quando o botão Enviar for clicado (ou Enter é pressionado).
Agora eu preciso de um segundo botão que vai para outra página. Eu sei que eu deveria estar usando um link para isso, mas como com exigências do cliente, deve olhar como um botão.
Porque as folhas de estilo CSS não são feitas em casa (e comunicação é feita impossível para mim) Eu preciso de um botão na forma e, portanto, não pode utilizar um segundo formulário para o botão.

Eu pensei que qualquer um dos seguintes tags poderia fazer o trabalho: 

<input type="button">

ou 

<button>

Posso definir um desses para navegar para uma ligação sem usar javascript?

Foi útil?

Solução

A única maneira de fazer isso sem usar JavaScript é ter o segundo botão dentro de uma segunda forma, cuja ação é o destino desejado. Você pode ser capaz de usar CSS para posicionar este segundo botão 'dentro' do primeiro formulário.

Outras dicas

Você pode fazer isso com:

  • Uma segunda forma

  • Javascript

  • CSS para zombar a aparência de um botão em um link de âncora

Parece que você governou todos os três na pergunta, mas talvez você deixou uma pequena janela para o estilo inline (você diz que não tem controle sobre as "folhas de estilo CSS", mas que sala de folhas para um atributo de estilo) , mas esta solução irá, naturalmente, não passar qualquer das informações formulário para a outra página.

Não é necessário usar 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"/>

mudar ação do formulário de forma dinâmica:

aqui é o código javascript: 

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

o botão no html: 

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

Ele não pode ser feito em HTML puro.

Editar: exceptuando, naturalmente, de Pedro Método

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top