Utilizzando <button type = "submit"> come sostituto di <input type = "submit"> per inviare moduli, problemi?

Question

I tag <button> sono più facilmente stylable degli input e sono davvero a favore dell'utilizzo. Tuttavia temo che possano sorgere alcuni problemi.

Da w3schools: Note: If you use the <button> element in an HTML form, different browsers may submit different values. Use <input> to create buttons in an HTML form.

Ho anche letto che IE ha problemi con questo pulsanti. Sto solo cercando di usarli come una sostituzione per i pulsanti di presentare, ad esempio:

<form> 
<input type="text" name="post"/> 
<button type="submit"> 
</form> 

Saranno in grado di lavorare lo stesso come pulsanti presentare o avrò problemi come browser non supportati o qualsiasi altra cosa?

Answer 1

L'elemento button ha avuto seri problemi con IE, che utilizzava un'implementazione molto danneggiata. Questo rimane ancora una preoccupazione. Secondo MDN page on button, IE 7 è ancora molto rotto in questo senso, inviando dati errati al momento dell'invio.

Ma se la gestione del modulo non dipende dai dati nome = valore risultanti da un elemento button, button type=submit è al sicuro in questi giorni. Ad esempio, se nel modulo è presente un solo pulsante di questo tipo, probabilmente non utilizzeresti comunque la coppia nome = valore per qualcosa.

Answer 2

Non ho riscontrato alcun problema di IE con uno <button type="submit"> e, peggio, è sempre possibile associarlo a un gestore di eventi onclick.

A <button> deve essere sicuro da usare.

Come nota finale: w3schools è un sito errato e fuorviante. Non dovresti usarlo come riferimento per qualsiasi tipo di lingua. Per PHP, c'è lo PHP Manual, per JavaScript, c'è Mozilla Developer Network (or MDN). Vedere http://w3fools.com per capire meglio perché non si dovrebbe mai usare w3schools.

Answer 3

Se si utilizza

 

    <input type="submit" name="whatever" /> 
 

si può essere certi che funziona come bene come il pulsante di controparte; non avrai alcun problema di incompatibilità con il browser.
Ed è ugualmente stylable.

Spero che questo aiuti.