HTML Submit Button Generator

Q: Was unterscheidet <input type="submit"> vom <button type="submit">?

<input> erlaubt nur Plain-Text als Beschriftung. <button> kann HTML enthalten — z.B. ein Icon plus Text. Funktional sind beide identisch.

Q: Wozu dient formaction?

Überschreibt das action des Formulars NUR für diesen Button. Praktisch, wenn ein Formular zwei Submit-Buttons hat, die zu unterschiedlichen Endpunkten posten (z.B. "Speichern" und "Vorschau").

Q: Wie verhindere ich Doppel-Submit?

Beim Click den Button via JavaScript auf disabled setzen — und serverseitig per Idempotenz-Token absichern. Reines clientseitiges disabled ohne Server-Prüfung kann zu hängenden Formularen führen.

Q: Wofür sind ID, Class und Title?

id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.

Klickbarer Button, der ein Formular absendet.

← Alle HTML-Code-Generatoren

Spezifische Attribute

Beschriftung

Name

formaction (URL)

formmethod

formtarget

formnovalidate

disabled

Generelle Attribute

Class (mehrere mit Leerzeichen)

Title (Tooltip)

Vorschau

HTML-Code

Anwendung & Beispiele

Alternativ kannst du <button type="submit"> verwenden – das erlaubt HTML-Inhalt im Button (z.B. Icon + Text).

FAQ

Was unterscheidet <input type="submit"> vom <button type="submit">?

<input> erlaubt nur Plain-Text als Beschriftung. <button> kann HTML enthalten — z.B. ein Icon plus Text. Funktional sind beide identisch.

Wozu dient formaction?

Überschreibt das action des Formulars NUR für diesen Button. Praktisch, wenn ein Formular zwei Submit-Buttons hat, die zu unterschiedlichen Endpunkten posten (z.B. "Speichern" und "Vorschau").

Wie verhindere ich Doppel-Submit?

Beim Click den Button via JavaScript auf disabled setzen — und serverseitig per Idempotenz-Token absichern. Reines clientseitiges disabled ohne Server-Prüfung kann zu hängenden Formularen führen.

Wofür sind ID, Class und Title?

id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.

Funktioniert der Code in allen Browsern?

Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.