Werner-Zenk.de - Zur Startseite

HTML - Element: <button>

Mit dem <button>-Tag erstellen Sie einen anklickbaren Button. Solche Buttons sind flexibler als herkömmliche Buttons, denn sie dürfen auch einen durch HTML definierten Inhalt haben, etwa eine Grafik.
Mit dem Event-Handler Attribut onclick="" können diese Buttons eine JavaScript-Funktion ausführen.

<!DOCTYPE html>
<html>
<head>
 <title>Button mit Funktion</title>
</head>
<body>

<h1>Button mit Funktion</h1>

<button type="button" onclick="alert('Hallo Besucher!');">
<img src="logo.png" width="38" height="38" alt="Logo">
<br>Webbausteine.de
</button>

</body>
</html>

Beispiel anzeigen

Attribute

name="testi" - Bezeichnername.
type="button" - Button um eine Aktion auszuführen.
type="submit" - Button um das Formular abzusenden (Standardeinstellung).
type="reset" - Button um das Formular zurück zu setzen (Eingegebene Daten werden verworfen).
value="Mein Test" - Inhalt der gesendet werden soll.