Der Unterschied zwischen BUTTON- und INPUT_Experience-Austausch

Um das Thema in einem Satz zusammenzufassen: <button>hat die gleiche Wirkung wie <input type="button" ... >, ist aber hinsichtlich der Manövrierfähigkeit leistungsfähiger.

Die Formulare sind Teil der HTML 4.01-Spezifikation benannte Formulare haben die folgenden Steuerelementtypen: Schaltflächen, Kontrollkästchen, Optionsfelder, Menüs, Texteingabe, Dateiauswahl, versteckte Steuerelemente, Objekt Steuerelemente . Mit Ausnahme von Schaltflächen/Menüs/Objektsteuerelementen werden sie alle durch <input> vervollständigt.

Ich spreche hier von <button> und <input>.

<button> und <input>

Spezifikationsspezifikation: Sie können <button> und <input> verwenden, um Formularschaltflächen zu erstellen. Bitte beachten Sie die detaillierten Definitionen dieser Elemente für die verschiedenen Schaltflächentypen. Es ist zu beachten, dass <button> umfangreichere Ausdrucksfunktionen unterstützt als <input>.

Einige Unterschiede

Jeder weiß, dass <input> so verwendet werden kann (tatsächlich muss es so verwendet werden): <input type="submit" value="OK" />, es muss so geschlossen werden. Statt: <input type="submit" value="OK" ></input>. Denn das öffnende Tag ist und muss sein, während das schließende Tag ist und verboten ist.

<button> ist leistungsfähiger als <input>, da es Inhalte enthalten kann. Sein Wert wird nicht in das Attribut value geschrieben, sondern im Tag enthalten. Zum Beispiel: <button>OK. Das öffnende Tag und das schließende Tag von <button> sind beide erforderlich. Auf diese Weise erhalten Sie die Kontrolle über das Styling.

Sie können so schreiben: <button>OK, I do., oder sogar ein Bild einfügen: <button>, it's great.. Etwas ähnlich wie <input type="image">, aber offensichtlich viel leistungsfähiger.

Als Letztes ist zu beachten, dass von <button> eingefügte Bilder keine Heatmaps verwenden können, d. h. sie können nicht <img src="foo.gif" usemap="..." /> sein, was illegal ist. Natürlich sind Elemente wie input, select, textarea, label, button, form, fieldset, iframe und isindex (veraltet) nicht mehr zulässig.