Vorlage:Hilfe/inputarea
Diese Vorlage fügt auf einer Hilfeseite ein inaktives Eingabefeld ein, um die unterschiedlichen Optionen darzustellen.
Parameter
- border
- optional Dicke der Umrandung in Pixeln;
1
oder2
, Vorgabe1
Pixel grau#BBBBBB;
- Nicht für
typ=i
verwenden - content
- Vorbelegten / bereits eingegebenen Text darstellen
- counter
- Zählerangabe für Suchen und ersetzen, Eingabeform
1 von 7
- oder als Option für ein rechts stehendes Dropdown-Icon innerhalb des Feldes
- expand
- Mit zusätzlichem Dropdownpfeil rechts, nicht in Verbindung mit
rows
fürsmall
oderborder
- mark
- den Text im Parameter
content
markieren (weiß auf blau) - placeholder
- optional gibt einen blassgrauen Infotext, falls
content=
leer - remove
- Eintrag wieder entfernen
- required
- erzeugt ein Sternchen
, um anzuzeigen, dass hier eine Eingabe erforderlich ist - rows
- mehrzeiliges Eingabefeld darstellen, hier die Anzahl der Zeilen (
2
bis5
) eingeben - small
- Eingabefeld schmaler machen, der Wert sollte zwischen
0
und100
liegen und wird als Prozent interpretiert - typ
- ändert den Farbwert für die Umrandung und fügt eventuell ein Icon hinzu
- keine Angabe = Standardfeld (grau)
d
= destructive (rot)i
= inaktiv (disabled, grau)el
= external link (blau mit Icon externe Verlinkung =)
eld
= external link (rot, falscher Wert mit Icon externe Verlinkung =)
eli
= external link (grau, Eingabefeld inaktiv mit Icon externe Verlinkung =)
p
= progressive (blau)s
= search (blau mit Suchfeldicon =)
sd
= search (rot, falscher Wert mit Suchfeldicon =)
si
= search (grau, Suchfeld inaktiv mit Suchfeldicon =)
Kopiervorlagen – Ausgabeformen
- Eingabe erforderlich
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |required= 1 |typ=}}
Vorbelegt 

Pflichtangabe erwartet 

Pflichtangabe erfolgt 

Pflichtangabe erfolgt Feld aktiv| 

Angabe fehlt 

|Pflichtangabe wurde aktiv gelöscht 

- Feld mit Icon (Suchfeld)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= s / sd}}





- Feld mit Icon (externer Link)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= el / eld}}




- Progressive (blau)
{{Hilfe/inputarea |border= |content= |counter= |typ=p}}
|
Suchwort| 1 von 7
- Destructive (rot)
{{Hilfe/inputarea |border= |typ=d}}
|
- Inaktiv (disabled)
{{Hilfe/inputarea |placeholder= |typ=i}}
Zielseite für die Weiterleitung
- Auswahl entfernen (remove)
{{Hilfe/inputarea |border= |placeholder= |remove= |typ= }}
Vorlage:Taste Eine Kategorie einfügen …
- Multiline (rows)
{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}
- Mit Feld zum Ausklappen
{{Hilfe/inputarea |border= |content= |expand= |typ=p}}
Inhalt ausklappen
{{Hilfe/inputarea |border= |counter=[[Datei:OOjs UI icon expand.svg|verweis=|16px]] |small=60}}
Kategorie 

- Breite einstellen (small)
{{Hilfe/inputarea |border= |typ= |small= ‹1–99›}}
|