Nicht angemeldeter Benutzer - Bearbeiten von Seiten ist nur als angemeldeter Benutzer möglich.

Vorlage:Hilfe/inputarea

Aus imedwiki
Zur Navigation springen Zur Suche springen
  

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


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


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}}
 Kategorie   OOjs UI icon expand.svg


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

Siehe auch