Vorlage:Hilfe/inputarea

< Vorlage:Hilfe
Version vom 30. Mai 2018, 05:39 Uhr von wp>Lómelinde (Icontausch toolbar down/expand offenes Pfeilsymbol)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
 0

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 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 icon 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

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


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


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


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


Destructive (rot)
{{Hilfe/inputarea |border= |typ=d}}
 0
 | 0


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 … 0


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


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


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

Siehe auch