Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
wird aufgerufen, und die Formulardaten werden dorthin übertragen. Die Grafik referenzieren Sie durch ein
src
-Attribut, genauso wie bei Pixelgrafik-Referenzen beim
img
-Element. Bei der Wertzuweisung an das
src
-Attribut gelten alle Möglichkeiten, die in 2.1.5 Referenzierung beschrieben sind. Ebenso wie beim
img
-Element ist ein
alt
-Attribut erlaubt. Nutzen Sie dieses Attribut bei grafischen Submit-Buttons, damit der Anwender die Bedeutung der Schaltfläche erkennt, falls die Grafik nicht angezeigt werden kann. Bei
"
wird nicht nur der Wert des
value
-Attributs (sofern vorhanden) übertragen, sondern zusätzlich auch die Koordinaten des Klicks auf das Bild. Es werden also zwei zusätzliche Werte übertragen, und zwar in der Form
name.x
und
name.y
(in PHP wird daraus
name_x/name_y
). Der MS Internet Explorer sendet nur die Koordinaten.
Weitere Hinweise
    Für die Schaltflächentypen
submit
und
reset
können Sie, was im obigen Beispiel nicht gezeigt ist, ebenfalls das
button
-Element. anstelle des
input
-Elements verwenden. Notieren Sie

, um einen Submit-Button auszuzeichnen, und

für einen Reset-Button.
    Es ist erlaubt, mehrere Submit- und Reset-Buttons pro Formular zu notieren. Besonders bei Submit-Buttons kann es bei der serverseitigen Auswertung durchaus interessant sein zu wissen, welcher der Submit-Buttons angeklickt wurde. Notieren Sie dazu unterschiedliche
name
-Attribute bei den betroffenen
input
- oder
button
-Elementen.
    Da die
name
-Attributwerte beim Absenden des Formulars mit übertragen werden, lässt sich serverseitig durch Abfragen der
name
-Werte ermitteln, welcher Button den Formular-Submit ausgelöst hat. Beispiel
    



    
    


    



    
    


    Schaltflächen werden, solange nichts anderes angegeben ist, so breit und hoch dargestellt, wie es der Inhalt erfordert. Bei benachbarten Schaltflächen mit unterschiedlich langen Beschriftungen wie
OK
und
Abbrechen
, so wie im obigen Beispiel, sieht das nicht unbedingt attraktiv aus. Mit Hilfe von CSS bzw. der CSS-Eigenschaft
width
können Sie die Anzeigebreite beeinflussen. Im obigen Beispiel werden der Submit- und der Reset-Button mittels
style="width: 80px;"
auf die einheitliche Breite von 80 Pixeln gebracht.
    Da mit

markierte Buttons bereits anklickbar sind, sind HTML-Elemente, die selbst Verweis-Funktionalität haben, als Elementinhalt ungeeignet. Hyperlinks und Image-Maps sind deshalb keine erlaubten Inhalte.
    Beachten Sie in Verbindung mit dem
button
-Element das problematische Verhalten des MS Internet Explorers bis einschließlich Version 6. Er sendet den Elementinhalt als Wert, nicht den Inhalt des
value
-Attributes. Existieren mehrere
button
-Elemente mit
type="submit"
im gleichen Formular, sendet der IE6 die Beschriftungen aller Buttons, nicht nur die des geklickten.
Referenzinformationen
    Elementreferenz

:
    Attributreferenz
type
,
    Attributreferenz
name
,
    Attributreferenz
value
,
    Attributreferenz
src
,
    Attributreferenz
alt
:

    Elementreferenz

Weitere Kostenlose Bücher