Posiziona il pulsante in un modulo che non utilizza l'URL del modulo
Domanda
Ho un modulo regolare con un URL come azione a cui si invia il modulo quando si fa clic sul pulsante di invio (o si preme invio).
Ora ho bisogno di un secondo pulsante che passa a un'altra pagina. So che dovrei usare un link per questo, ma per quanto riguarda le esigenze del cliente, dovrebbe apparire come un pulsante.
Poiché i fogli CSS non sono realizzati internamente (e la comunicazione è resa impossibile per me) ho bisogno di un pulsante nel modulo e quindi non posso usare un secondo modulo per il pulsante.
Ho pensato che uno dei seguenti tag potesse fare il lavoro:
<input type="button">
o
<button>
Posso impostare uno di questi per navigare verso un collegamento senza usare JavaScript?
Soluzione
L'unico modo per farlo senza usare JavaScript è avere il secondo pulsante all'interno di un secondo modulo, la cui azione è la destinazione desiderata. Potresti essere in grado di utilizzare i CSS per posizionare questo secondo pulsante "all'interno" del primo modulo.
Altri suggerimenti
Puoi farlo con:
-
Un secondo modulo
-
JavaScript
-
CSS per deridere l'aspetto di un pulsante su un collegamento di ancoraggio
Sembra che tu abbia escluso tutti e tre i dubbi nella domanda, ma forse hai lasciato una piccola finestra per lo styling in linea (dici che non hai controllo sulla " fogli CSS " ma che lascia spazio a un attributo di stile), ma questa soluzione ovviamente non passerà nessuna delle informazioni del modulo all'altra pagina.
no devi usare 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"/>
modifica l'azione del modulo in modo dinamico:
ecco il codice javascript:
function submitAnotherURL(){
var yourForm = document.your_form_name;
yourForm.action='your_other_link';
yourForm.submit();
}
il pulsante in html:
<input type="button" onclick="submitAnotherURL()" value="Click here"/>
Non può essere fatto in puro HTML.
Modifica: tranne, ovviamente, Metodo di Peter