In dieser Gruppe finden Sie Formulartypen, die Sie von den HTML-Formularelementen her kennen.
8.5.1 E-Mail
Sie finden alles zu diesem Feld im Kapitel 16.1.3 »Feldtyp Email«.
8.5.2 Checkbox
Der Standard Wert hat hier eine andere Bedeutung. Falls Sie Inhalte bei den Optionen eingetragen haben, so versehen Sie sie jeweils mit einem Wert (z. B. Ja=1) Im Feld Standard Wert tragen Sie nun die Zahl des Optionswertes ein, der bereits vorselektiert sein soll.
Bild 8.7: Standard Wert setzen
Alternativ können Sie den Eintrag in den Optionen natürlich auch direkt in den Standard Wert schreiben. Der entscheidende Unterschied ist, dass bei der direkten Eingabe des Optionenfeldes lediglich ein Kontrollkästchen aktiviert werden kann. Schreiben Sie hingegen eine der vergebenen Zahlen mit einem Komma getrennt in den Standard Wert, können Sie so auch mehrere Kontrollkästchen aktivieren.
Mit der Ausrichtung geben Sie an, ob die Kontrollkästchen nebeneinander (Horizontal) oder untereinander (Vertikal) angezeigt werden sollen. Wählen Sie Vertikal aus, erhalten Sie außerdem die Möglichkeit, anzugeben, in wie vielen Spalten die Kontrollkästchen ausgegeben werden sollen.
Der Trenner hat erst Auswirkungen im Frontend, wenn Sie das Ergebnis der Kontrollkästchen anzeigen. Hier ein Beispiel mit einer horizontalen Ausrichtung und dem vorgegebenen Komma, mit dem die zuvor angekreuzten Antworten ausgeben werden:
Bild 8.8: Vom Eingabeformular zur Ausgabe
Wenn Sie einen Haken bei Eigene Attribute setzen, erhalten Sie unter jeder Option sechs Eingabefelder plus Dasselbe bei den Eigenen Attributen. Sie können zunächst unter Eigene Attribute ein Attribut definieren und es bei den Optionen zuweisen.
Beispielsweise können Sie so Tastaturkürzel vergeben. Dazu schreiben Sie unten accesskey in eines der Felder und weisen unter den Optionen dann das Tastaturkürzel zu. In meinem Beispiel habe ich Ja das Tastenkürzel [A], Nein das [S] und Vielleicht das [D] zugewiesen. Wenn Sie nun einen neuen Beitrag eingeben, können Sie mit den Browsertastenkürzeln plus der zugewiesenen Taste direkt die Haken setzen bzw. löschen.
Tastenkombinationen sind für jeden Browser unterschiedlich
Firefox: Großschreibtaste + Alt + Accesskey
MS-Internet Explorer: Alt + Accesskey und danach Enter drücken
Google Chrome: Alt + Accesskey
Safari: Strg + Accesskey
Bild 8.9: Eigene Attribuite setzen
Sie können weitere Attribute angeben. In meinem Beispiel habe ich eine Produktnummer vergeben. Vielleicht soll ja ein Skript entsprechende Abfragen machen. Sie können auch unten das Attribut style angeben und dann direkte CSS-Formatierungen oben vergeben. Allerdings war es bei mir so, dass nur jeweils ein CSS-Eintrag übernommen wurde, andernfalls gar nichts. Und leider habe ich auch nicht den gewünschten Effekt damit erreicht. Aber vielleicht funktioniert das in einer späteren Version oder bei einem anderen Feld. Da es sich um Attribute handelt, werden sie natürlich auch direkt in den zugehörigen HTML-Elementen angegeben:
001 |
<input id="dev_kontrollkstchen2" class="checkbox" type="checkbox" produktnummer="4711" accesskey="d" size="1" value="3" name="dev_ kontrollkstchen[]"> |
8.5.3 Passwort
Geben Sie hier etwas ein, wird der Inhalt mit Punkten angezeigt, also ganz so, wie es sich für ein Passwortfeld gehört. Geben Sie einen Standard Wert vor, wird er ebenfalls in Punkten angezeigt.
8.5.4 Radiobutton
Bei den Radiobuttons gilt das Gleiche, wie in Kapitel 8.5.2 »Checkbox« bei den Kontrollkästchen beschrieben.
8.5.5 Text
Mit Mindestlänge legen Sie fest, wie viele Zeichen mindestens eingetragen werden müssen. Die Maximallänge gibt an, wie viele Zeichen maximal eingetragen werden können. Sie können dann auch nur bis zu dieser Maximallänge Zeichen eingeben. Die Größe bestimmt die Breite/Länge des Feldes. Wenn Sie mit dem Standard-Template arbeiten, passiert allerdings nichts, wenn Sie den Wert ändern, was daran liegt, dass das Template eine feste Breite[1] für Formulare vorgibt.
8.5.6 Versteckt
Sie können auch Felder mit angeben, die bei der Eingabe nicht sichtbar sind, aber im Frontend mit ausgegeben werden können. Ein möglicher Einsatz könnte eine Landing Page sein, auf der Sie ein Formular haben. Dann könnten Sie ein bereits vorhandenes Formular nutzen und mit einem verborgenen Feld den Titel der Landing Page weiterreichen, indem Sie im Standard Wert einen entsprechenden Hinweis eintragen.
[1] Beim Standard-Template isis finden Sie in der template.css in Zeile 773 die Angabe für die input-Breite (width:210px;). Löschen Sie diese, gilt die Einstellung im Feld.