HTML/Elemente/input/button
Siehe dazu auch input oder button für submit-Elemente (SELFHTML-Blog, 10.02.2015)
- input type = "button"
- input type = "submit"
- input type = "reset"
Siehe auch: Formulare/Was ist ein Webformular?
Inhaltsverzeichnis
input type = "button"
input type = "submit"
input type = "reset"
input type = "image"
Mit <input type="image"> kannst du einen grafischen Absendebutton erzeugen, der mit dem Attribut src einen Button mit einem Bild unterlegt. Anders als bei einem type="submit" werden zusätzlich zu den Formulardaten auch die Koordinaten des Klicks zum Server gesendet.
<form>
<input type="image" src="Mülleimer.png" alt="Mülleimer als Button">
</form>
In diesem Beispiel werden die Koordinaten des Klicks mit der Methode get an die ursprüngliche Ressource gesendet. Da das input-Element hat keinen Namen hat, endet die URL nach dem Absenden beispielsweise mit ?x=31&y=35.
Folgende Angaben sind möglich:
-
src: Angabe der URL der Grafik -
width: Breite (in Pixeln) der Grafik -
heightHöhe -
alt: ein Alternativtext, falls das Bild nicht geladen werden kann.
Bei input-Elementen vom Typ image wird nicht nur der eventuell vorhandene Wert im value Attribut übertragen, sondern zusätzlich auch die Koordinaten des Klicks auf das Bild. Das heißt, es werden zwei weitere Werte abgeschickt in der Form name.x und name.y (in PHP wird daraus name_x/name_y).
