Vorlage:Hilfe/inputarea

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen
 



Diese Vorlage fügt auf einer Hilfeseite ein inaktives Eingabefeld ein, um die unterschiedlichen Optionen darzustellen.

Parameter[Quelltext bearbeiten]

border
optional Dicke der Umrandung in Pixeln; 1 oder 2, Vorgabe 1 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ür small oder border
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 OOjs UI indicator required.svg, um anzuzeigen, dass hier eine Eingabe erforderlich ist
rows
mehrzeiliges Eingabefeld darstellen, hier die Anzahl der Zeilen (2 bis 5) eingeben
small
Eingabefeld schmaler machen, der Wert sollte zwischen 0 und 100 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 = OOjs UI icon external-link-ltr.svg)
eld = external link (rot, falscher Wert mit Icon externe Verlinkung = OOjs UI icon external-link-ltr.svg)
eli = external link (grau, Eingabefeld inaktiv mit Icon externe Verlinkung = OOjs UI icon external-link-ltr.svg)
p = progressive (blau)
s = search (blau mit Suchfeldicon = OOjs UI icon search-ltr.svg)
sd = search (rot, falscher Wert mit Suchfeldicon = OOjs UI icon search-ltr.svg)
si = search (grau, Suchfeld inaktiv mit Suchfeldicon = OOjs UI icon search-ltr.svg)

Kopiervorlagen – Ausgabeformen[Quelltext bearbeiten]

Eingabe erforderlich
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |required= 1 |typ=}}
Vorbelegt OOjs UI indicator required.svg
Pflichtangabe erwartet
OOjs UI indicator required.svg
Pflichtangabe erfolgt OOjs UI indicator required.svg
Pflichtangabe erfolgt Feld aktiv| OOjs UI indicator required.svg
Angabe fehlt
OOjs UI indicator required.svg
Pflichtangabe wurde aktiv gelöscht
OOjs UI indicator required.svg


Feld mit Icon (Suchfeld)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= s / sd}}
OOjs UI icon search-ltr.svg https://www.example.com
OOjs UI icon search-ltr.svg Wikipedia
OOjs UI icon search-ltr.svg Wikip|
OOjs UI icon search-ltr.svg
Suchbegriff eingeben
OOjs UI icon search-ltr.svg
Suchbegriff eingeben


Feld mit Icon (externer Link)
{{Hilfe/inputarea |border= |content= |mark= |placeholder= |typ= el / eld}}
OOjs UI icon external-link-ltr.svg Wikipedia
OOjs UI icon external-link-ltr.svg https://www.example.com
OOjs UI icon external-link-ltr.svg
Webadresse eingeben
OOjs UI icon external-link-ltr.svg
Webadresse eingeben


Progressive (blau)
{{Hilfe/inputarea |border= |content= |counter= |typ=p}}
 
|
1 von 7 Suchwort|


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= }}
Beispielkategorie OOjs UI indicator clear.svg 
Eine Kategorie einfügen …


Multiline (rows)
{{Hilfe/inputarea |border= |rows= ‹2–5› |typ=}}
 
0
0


Mit Feld zum Ausklappen
{{Hilfe/inputarea |border= |content= |expand= |typ=p}}
  OOjs UI icon expand.svg
Inhalt ausklappen OOjs UI icon expand.svg
{{Hilfe/inputarea |border= |counter=[[Datei:OOjs UI icon expand.svg|verweis=|16px]] |small=60}}
OOjs UI icon expand.svg Kategorie


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


Siehe auch[Quelltext bearbeiten]