input type = "submit" I tag del pulsante V sono intercambiabili?

input type="submit"e buttontag sono intercambiabili? o se c'è qualche differenza allora quando usare input type="submit"e quando button?

E se non ci sono differenze, allora perché abbiamo 2 tag per lo stesso scopo?

http://www.w3.org/TR/html4/interact/forms.html#h-17.5

I pulsanti creati con l'elemento BUTTON funzionano esattamente come i pulsanti creati con l'elemento INPUT, ma offrono possibilità di rendering più complete: l'elemento BUTTON può avere contenuto. Ad esempio, un elemento BUTTON che contiene un'immagine funziona come e può assomigliare a un elemento INPUT il cui tipo è impostato su "immagine", ma il tipo di elemento BUTTON consente il contenuto.

Quindi solo per funzionalità sono intercambiabili!

(Non dimenticare, type="submit"è l'impostazione predefinita con button, quindi lascialo spento!)

Il <input type="button">è solo un pulsante e non farà nulla per sé. Il <input type="submit">, quando all'interno di un elemento form, verrà inviare il modulo quando si fa clic.

Un altro utile pulsante "speciale" è quello <input type="reset">che cancellerà il modulo.

Utilizzare il tag <button> anziché <input type = "button" ..> . È la pratica consigliata in bootstrap 3.

http://getbootstrap.com/css/#buttons-tags

"Rendering tra browser

Come best practice, consigliamo vivamente di utilizzare l'elemento <button> ogni volta che è possibile per garantire la corrispondenza del rendering tra browser.

Tra le altre cose, c'è un bug di Firefox che ci impedisce di impostare l'altezza della linea dei pulsanti basati su <input>, facendo sì che non corrispondano esattamente all'altezza degli altri pulsanti su Firefox. "

Sebbene entrambi gli elementi forniscano funzionalmente lo stesso risultato *, ti consiglio vivamente di usare<button> :

• Molto più esplicito e leggibile. inputsuggerisce che il controllo è modificabile o può essere modificato dall'utente; buttonè molto più esplicito in termini di scopo che serve
• Più facile da definire in stile CSS; come accennato in precedenza, FIrefox e IE hanno stranezze in cui input[type="submit"]in alcuni casi non vengono visualizzati correttamente
• Richieste prevedibili: IE ha comportamenti molto critici quando i valori vengono inviati in POST/ GETrequest al server
• Markup-friendly; puoi nidificare oggetti, ad esempio icone, all'interno del pulsante.
• HTML5, lungimirante; come sviluppatori, è nostra responsabilità adottare le nuove specifiche una volta che sono state ufficializzate. HTML5, sin da ora, è ufficiale da oltre un anno e in molti casi ha dimostrato di potenziare la SEO .

* _{Ad eccezione del quale per impostazione predefinita non ha un comportamento specificato.<button type="button">}

In sintesi, scoraggio fortemente l'uso di<input type="submit" /> .

<input type='submit' />non supporta l'HTML al suo interno, poiché è un singolo tag a chiusura automatica. <button>, D'altra parte, supporta HTML, immagini, ecc dentro perché è un paio di tag: <button><img src='myimage.gif' /></button>. <button>è anche più flessibile quando si tratta di stile CSS.

Lo svantaggio di <button>è che non è completamente supportato dai browser più vecchi. IE6 / 7, ad esempio, non lo visualizza correttamente.

A meno che tu non abbia qualche motivo specifico, probabilmente è meglio attenersi <input type='submit' />.

Mi rendo conto che questa è una vecchia domanda, ma l'ho trovata su mozilla.org e penso che sia applicabile.

Un pulsante può essere di tre tipi: invia, reimposta o pulsante. Un clic su un pulsante di invio invia i dati del modulo alla pagina Web definita dall'attributo action dell'elemento.

Un clic su un pulsante di ripristino ripristina immediatamente tutti i widget del modulo al loro valore predefinito. Dal punto di vista UX, questa è considerata una cattiva pratica.

Un clic su un pulsante non fa ... niente! Sembra sciocco, ma è incredibilmente utile creare pulsanti personalizzati con JavaScript.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form#And_a_<button>_to_finish

<button>è più recente di <input type="submit">, è più semantico, facile da stilizzare e supportare HTML al suo interno.

Mentre le altre risposte sono ottime e rispondono alla domanda, c'è una cosa da considerare quando si usa input type="submit"e button. Con un input type="submit"non è possibile utilizzare uno pseudo elemento CSS sull'input ma è possibile per un pulsante!

Questo è uno dei motivi per usare un buttonelemento su un input quando si tratta di styling.

Non so se si tratta di un bug o di una funzionalità, ma c'è una differenza molto importante (almeno per alcuni casi) che ho riscontrato: <input type="submit">crea una coppia chiave-valore nella tua richiesta e <button type="submit">non lo fa. Testato su Chrome e Safari.

Pertanto, quando nel modulo sono presenti più pulsanti di invio e si desidera sapere quale è stato selezionato, non utilizzare button, utilizzare input type="submit"invece.

Se stai parlando <input type=button>, non invierà automaticamente il modulo

se stai parlando del <button>tag, è più recente e non si invia automaticamente in tutti i browser.

In conclusione, se si desidera che il modulo venga inviato facendo clic su in tutti i browser, utilizzare <input type="submit">