WebApps mit Frameworks entwickeln - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 322

<textarea name="anfrage" id="anfrage" value=""></textarea>
</div>
<button type="submit" data-theme="a" id="submitform">Abschicken</button>
</form>
Listing 8.18 Das HTML-Grundgerüst für das Kontaktformular
Die Formelemente werden automatisch von jQuery Mobile gestaltet. Wir empfehlen
Ihnen, alle Formelemente, mit Ausnahme des Abschicken-Buttons, jeweils in einen
div -Container mit der data-role fieldcontain zu setzen. Damit erreichen Sie eine
noch sauberere und bessere Darstellung der einzelnen Felder. Alles in allem bisher
jedoch noch wenig spektakulär. Achten Sie darauf, dass Sie die id s für die einzelnen
Felder korrekt benennen, denn diese werden Sie im nächsten Schritt an das PHP-
Script übergeben. Beim Button entschließen Sie sich, eine dunkle Gestaltung zu ver-
wenden. Sie haben bisher häufig das data-theme b eingesetzt. Zum Standardlieferum-
fang von jQuery Mobile gehören insgesamt drei Themes, a , b und c . Sie können bis zu
26 Themes definieren, doch dazu später mehr. In diesem Fall verwenden Sie also das
Theme a für den Button. Damit bekommt dieser einen dunklen Hintergrund
(Abbildung 8.13).
Abbildung 8.13 Das Kontaktformular mit dem dunklen »Abschicken«-Button auf dem
iPhone (links) und unter Android (rechts)
Nun heißt es, die Formulardaten auszulesen und an die PHP-Datei zu übergeben. Ist
der Versand erfolgreich, so möchten Sie, dass eine Erfolgsmeldung angezeigt wird,