Manual:HTMLForm Tutorial 3/de

Alle Arten von Feldern können mit HTMLForm generiert werden. Hier werden feldspezifische Optionen beschrieben. Allgemeine Optionen (die jedem Feld zugewiesen werden können) werden im Tutorial 2 beschrieben.

Einführung
In $formDescriptor gibt es zwei Möglichkeiten, einen Feldtyp anzugeben: über die Attribute class oder type.

Verwendung des class Attributs
Zuerst kannst Du das class Attribut setzen (nicht mit cssclass mischen oder verwechseln)


 * HTMLTextField: Ein einfaches Textfeld
 * HTMLFloatField: Ein einfaches Textfeld mit fließender (Number) -Validierung
 * HTMLIntField: Ein einfaches Textfeld mit ganzzahliger Validierung
 * HTMLUserTextField: Ein einfaches Textfeld für Benutzernamen
 * HTMLTextAreaField: Ein erweitertes Textfeld
 * HTMLSelectField: Ein Dropdown-Menü
 * HTMLSelectOrOtherField: Ein Dropdown-Menü mit einer anderen Option, mit der ein einfaches Textfeld aktiviert wird
 * HTMLSelectAndOtherField: Ein Dropdown-Menü und ein einfaches Textfeld
 * HTMLMultiSelectField: Liste der Kontrollkästchen
 * HTMLRadioField: Radiobuttons (Optionsschaltflächen)
 * HTMLCheckField: Einzelne Checkbox
 * HTMLCheckMatrix: 2D matrix of checkboxes
 * HTMLInfoField: Nur Text, ohne Eingabe
 * HTMLSubmitField: Zusätzliche Senden-Schaltfläche (HTMLForm fügt standardmäßig immer eine hinzu)
 * HTMLHiddenField: Verstecktes Feld (Daten, die gesendet werden sollen, aber nicht angezeigt oder bearbeitet werden)
 * HTMLTagFilter: Tags-Filter (Filter für Auszeichnungsmarkierungen)
 * HTMLSizeFilterField: Filter für Dateigröße
 * HTMLUsersMultiselectField: Auswahl Mehrere Nutzer
 * HTMLTitleTextField: Textfeld für den Seitennamen
 * HTMLDateTimeField: Datums- und Zeitbestimmung

Verwendung des type Attributs
Früher haben wir in diesem Tutorial class verwendet, ab nunwerden wir type verwenden. type bildet eine Verknüpfung zu class, class hat jedoch Priorität. Daher solltest Du nicht beide verwenden!


 * text: HTMLTextField
 * password: HTMLTextField
 * textarea: HTMLTextAreaField
 * select: HTMLSelectField
 * radio: HTMLRadioField
 * multiselect: HTMLMultiSelectField
 * check: HTMLCheckField
 * checkmatrix: HTMLCheckMatrix
 * int: HTMLIntField
 * float: HTMLFloatField
 * info: HTMLInfoField
 * selectorother: HTMLSelectOrOtherField
 * selectandother: HTMLSelectAndOtherField
 * submit: HTMLSubmitField
 * hidden: HTMLHiddenField
 * tagfilter: HTMLTagFilter
 * sizefilter: HTMLSizeFilterField
 * user: HTMLUserTextField
 * usersmultiselect: HTMLUsersMultiselectField
 * url: HTMLTextField
 * title: HTMLTitleTextField
 * date: HTMLDateTimeField
 * time: HTMLDateTimeField
 * datetime: HTMLDateTimeField
 * limitselect: HTMLSelectField
 * email: HTMLTextField (angeblich für die clientseitige HTML5-Validierung, HIER KEINE SERVERSEITIGE VALIDIERUNG!)
 * toggle: HTMLCheckFieldÄhnlich wie check, aber mit  kann die Standardeinstellung auf aktiviert gesetzt werden
 * edittools: HTMLEditToolsFügt eine Systemnachricht ein, einen gegliederten Inhalt aus MediaWiki: Edittools.

Ziel


Der folgende Code erstellt dieses Formular:

text
Ein einfaches Textfeld namens 'text':

password
A text field displayed like password field called 'password':

float
A text field validated only by floating numbers called 'float':

int
A text field validated only by integers called 'int':

textarea
An extended text field called 'textarea':

select
A drop-down menu called 'select':

selectorother
A dropdown menu with an 'other' option that toggles a simple text field on called 'selectorother':

selectandother
A dropdown menu and a simple text field called 'selectandother':

multiselect
Checkboxes field called 'multiselect':

radio
Radio buttons field called 'radio':

check
A single checkbox field called 'mycheck':

checkmatrix
A 2D matrix of checkboxes called 'checkmatrix':

info
Just raw text string (no input at all) called 'info':

submit
A submit button called 'submit'. By default, there's already one at the end of the form, this is an additional button:

hidden
A hidden text input called 'hidden': You can also use  to accomplish the same goal.

tagfilter


Filter on Tags. See the list of Tags at Special:Tags.

sizefilter


Filter on size. See the example on Special:NewPages.

user


Textbox which takes locally exist username as input.

usersmultiselect


Select multiple users. See the example in the user preferences.

url


Textbox which takes a web URL (http:// or https://) as input.

title


Autocomplete textbox which takes a title of a wiki page as input.

date


Auto date selector which takes date as input.

time


Als Eingabe wird die automatische Zeitauswahl verwendet.

datetime


Auto date and time selector which takes date and time as input.

email


Textbox which takes an email address (abc@g.com) as input.

limitselect


A drop-down menu selector for limit.