Formulare ❘ Buttons ❘ EingabefelderTextberreicheAuswahllisten

Buttons sind dazu da um ein Formular abzusenden oder eine Funktion (JavaScript) auszuführen.

Input - Typ: Button

<input type="button">

Attribute

name - Bezeichnername

<input type="button" name="">

value - Beschriftung.

<input type="button" value="Beschriftung">

disabled - Button nicht anclickbar.

<input type="button" disabled="disabled" value="Beschriftung">

id - Ein dateiweit eindeutiger Bezeichnername für ein Element.

<input type="button" id="abc">
Mit diesem Attribut kann über CSS der Button formatiert werden.

class - Ein Bezeichnername für ein Stylesheet-Klassen-Element.

<input type="button" class="xyz">
Mit diesem Attribut kann über CSS der Button formatiert werden.

onclick, onblur - JavaScript-Event-Handler ("Ereignis-Behandler")
Liste der Event-Handler (unvollständig): onclick, ondblclick, onkeydown, onkeyup, onmouseover,
onmouseout, onfocus, onblur, oninput, onselect, onchange,

Mit diesen Attributen wird eine JavaScript-Funktion (Befehl) ausgeführt.
Beispielsweise wenn der Benutzer auf das Eingabefeld klickt (onclick):

<input type="button" value="Beschriftung" onclick="alert(this.value);">

autofocus - Der Button erhält den Autofokus - HTML 5 Attribut.
Mit dem autofocus-Attribut können Sie Benutzer zu einem bestimmten Button führen, indem Sie den Fokus nach dem Laden einer Webseite auf einen bestimmten Button lenken.

<input type="button" autofocus="autofocus">
Das Autofocus-Attribut kann nur für ein Steuerelement in einem Dokument angegeben sein. Wenn mehrere Elemente dieses Attribut aufweisen, erhält beim öffnen der Seite nur das erste dieser Elemente auf der Seite den Fokus.

Input - Typ: Submit (Formular absenden)

<input type="submit" value="Absenden">

Attribute

Siehe oben!

formnovalidate - Eingabefelder etc. die das Attribut: required="required" haben werden nicht überprüft - HTML 5 Attribut.

<input type="submit" value="Vorschau" formnovalidate="formnovalidate">
<input type="submit" value="Absenden">

formaction - Submit-Buttons die das Attribut: formaction="..." haben, senden das Formular an die angegebene Datei - HTML 5 Attribut.

<form action="form1.php" method="post">
<input type="submit" value="Form 1">
<input type="submit" value="Form 2" formaction="form2.php">
</form>>

formmethod - Sendet das Formular über POST oder GET - HTML 5 Attribut.

<form action="form1.php" method="post">
<input type="submit" value="Form 1">
<input type="submit" value="Form 2" formaction="form2.php" formmethod="get">
</form>>

Input - Typ: Image (Formular absenden)

<input type="image" src="bild.png" width="38" height="38">

Attribute

src - Pfad zum Bild.

width/height - Größe des Bildes.

Button - Typ: Button

<button type="button" ><img src="bild.png"> Klick Mich! </button>
<button type="submit" ><img src="bild.png"> Klick Mich nicht! </button>

Tipp

Formular Generator - In nur 3 Schritten zum fertigen Formular
Das erstellte PHP-Formular ist universell einsetzbar, die Daten können zum Beispiel als E-Mail gesendet, in einer Datei oder Datenbank gespeichert werden. Der Formular Generator erzeugt nach Ihren Einstellungen ein individuelles und valides Formular.