Formularprüfung - Optimierung
Autor
Flitze
Klicks 112655
Keywords:
Formulare benutzen, $_POST, Daten in Formular erhalten, Optimierung, Optik, Verschönerung, Formular, HTML
Klicks 112655
Rating für Formularprüfung
5.9 von 10
Bewertungen36
Stand
12.06.2013
5.9 von 10
Bewertungen36
Keywords:
Formulare benutzen, $_POST, Daten in Formular erhalten, Optimierung, Optik, Verschönerung, Formular, HTML
Breadcrumb:
Tutorials » Formularprüfung » Formularprüfung - Optimierung
9.
[ADSENSE_LINE]Zunächst sollte die Optik des Formulars einheitlich gestaltet werden.
Mittels style="width:XXpx" lässt sich die Länge der Felder und die der Buttons bestimmen. Durch den einen tabellarischen Aufbau lässt sich die Positionierung der einzelnen Elemente kontrollieren.
So könnte es aussehen
Code:
<form name="Newsletter" action="newsletter.php" method="post" accept-charset="ISO-8859-1"> <table cellpadding="0" class="tcontent"> <tr> <td style="width:110px"> <label for="Name">Name *</label> </td> <td style="width:10px">  :  </td> <td style="width:300px"> <input type="text" id="Name" name="Name" maxlength="30" style="width:300px"> </td> </tr> <tr> <td> <label for="Email">Email *</label> </td> <td>  :  </td> <td> <input type="text" id="Email" name="Email" maxlength="70" style="width:300px"> </td> </tr> <tr> <td colspan="2">   </td> <td style="width:300px; padding-top:20px;"> <input type="submit" name="submit" value="Eintragen" style="width:100px">      <input type="reset" name="reset" value="Zurücksetzen" style="width:100px"> </td> </tr> </table> </form>
Dabei habe ich auch gleich das maxlength-Attribut der Felder ausgefüllt um dem User zu zeigen, wie viele Zeichen ich verarbeiten kann.
Bequemlichkeit
Formulare können unter Umständen auch umfangreicher sein und viel Text beinhalten (z.B. ein Forenbeitrag). Dabei wäre es sehr ärgerlich, wenn der User 20 Minuten an einem Text schreibt, diesen dann abschickt und eine Fehlermeldung erhält, weil er vergessen hat das Titel-Feld auszufüllen. Wenn er Glück hat (oder ihr das Affenformular verwendet ), sind die Formulardaten noch vorhanden, wenn er den Zurück-Button des Browser benutzt. Allerdings verhalten sich nicht alle Browser so und deshalb empfiehlt es sich, die Daten vor dem Senden mit Javascript oder Ajax zu prüfen.
Wie ihr sowas realisieren könnt, könnt ihr unter Formularprüfung mit Javascript nachlesen.
Zurück zur vorigen Seite:
Formularprüfung - Typischer Formularaufbau, Affenformular Bewerten