Devo usare l'HTML <button> o <input>?

Desidero creare un pulsante di invio modulo su un modulo HTML con testo diverso rispetto alla parola chiave che verrà inviata all'host. Così ho usatoDevo usare l'HTML <button> o <input>?

<button type="submit" name="SubmitAction" value="Done" accesskey="D"><u>D</u>one for Now</button>

Ma W3Schools avverte:

Nota: Se si utilizza l'elemento <button> in un modulo HTML, diversi browser possono presentare valori diversi. Utilizzare <input> per creare pulsanti in un modulo HTML.

C'è un modo per creare un pulsante utilizzando <input> il testo visualizzato sul pulsante diverso dal valore che verrà inviato all'host?

Quali sono le variazioni che i diversi browser inviano con un <button>?

Nota: non è necessario supportare alcunché più vecchio di IE 9 e l'utilizzo sarà effettivamente con le versioni correnti di Chrome e FireFox.

fonte

2013-02-11 Lawrence Dol

possibile duplicato del [Differenza tra e <= tipo di pulsante submit> text] (http://stackoverflow.com/questions/ 3543615/differenza-tra-input-tipo-invio-e-pulsante-tipo-tasto-sottotesto-tasto) –

È possibile utilizzare una funzione onsubmit per aggiungere il valore che si desidera al modulo quando l'input viene premuto come dice la pillola esplosione. –

Sembra che stiate citando http://www.w3schools.com/tags/tag_button.asp - Non confondere W3Schools con il W3C. Il W3C mantiene un certo numero di standard web. W3Schools crogiolarsi nella gloria riflessa di avere un nome simile mentre ospita alcuni tutorial (per lo più non aggiornati), molti dei quali hanno errori e problemi di sicurezza. – Quentin

La differenza <button> vs. <input> è abbastanza antiquata e non dovresti avere problemi a utilizzare uno dei due browser moderni.

Se si desidera utilizzare <input type="submit"> per inviare un valore diverso da quello visualizzato ... no. Invece, basta aggiungere un altro elemento di input:

<input type="submit" value="Displayed Value"> 
<input type="hidden" name="name" value="Actual Value">

fonte

2013-02-11 21:19:29

sulle molteplici 'idea input': Ma io sono più pulsanti, ognuno presentando una diversa azione - Salva, Fatto, pubblicare, Scartare. –

aggiungi l'input nascosto quando il modulo viene inviato a seconda del pulsante premuto con qualche javascript sull'evento onsubmit –

@SoftwareMonkey puoi fare affidamento sul nome del pulsante di invio, ma non sul suo valore –

Devo usare l'HTML <button> o <input>?

risposta

Problemi correlati