Manual:HTMLForm Tutorial 3/de

Alle Arten von Feldern können mit HTML-Formular 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 der Kontrollkästchen
 * 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
Ein Textfeld, das wie ein Passwortfeld mit dem Namen 'password' angezeigt wird:

float
Ein Textfeld, das nur durch Gleitkommazahlen mit dem Namen "float" überprüft wird:

int
Ein Textfeld, das nur von Ganzzahlen mit dem Namen "int" überprüft wird:

textarea
Ein einfaches Textfeld namens 'textarea':

select
Ein Drop-down-Menü namens 'select':

selectorother
Ein Dropdown-Menü mit einer anderen Option, mit der ein einfaches Textfeld namens "selectorother" aktiviert wird

selectandother
Ein Dropdown-Menü und ein einfaches Textfeld namens 'selectandother':

multiselect
Checkboxen namens 'multiselect':

radio
Radiobuttons namens 'radio':

check
Ein einfaches Kontrollkästchen namens 'mycheck':

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

info
Nur Rohtext (ohne irgend einer Eingabe) mit dem Namen 'info':

submit
Eine Submit-Schaltfläche namens 'submit'. Standardmäßig befindet sich bereits eine am Ende des Formulars. Dies ist eine zusätzliche Schaltfläche:

hidden
Ein einfaches Textfeld namens 'hidden':

Du kannst auch verwenden, um dasselbe Ergebnis zu erreichen.

tagfilter
Filtern nach Tags. Siehe die Liste der Tags unter Special:Tags.

sizefilter


Nach Größe filtern. Siehe das Beispiel in Special:NewPages.

user


Textfeld, das als Eingabe einen lokal existierenden Benutzernamen verwendet.

usersmultiselect


Wähle mehrere Benutzer aus. Siehe das Beispiel in den Benutzereinstellungen.

url


Textfeld, in das eine Web-URL (http:// oder https://) eingegeben wird.

title


Selbstergänzendes Textfeld, das den Titel einer Wiki-Seite als Eingabe verwendet.

date


Als Eingabe wird die automatische Datumsauswahl verwendet.

time


Als Eingabe wird die automatische Zeitauswahl verwendet.

datetime


Als Eingabe wird die automatische Datums- und Zeitauswahl verwendet.

email


Textfeld, das als Eingabe die Emailadresse (abc@g.com) verwendet.

limitselect


Ein Dropdown-Menü zur Auswahl des Grenzwerts.