Zur NavigationZum InhaltKontaktMenuTrova un componenteDescrizione generale Web (Legacy)PrincipiBaseAccessibilitéSistema di designGuidelinesDeutschFrançaisItalianoEnglishI nostri principi di designSoluzioni focalizzate sull’utenteRiconoscibilitàInclusioneRiduzioneOlisticoAutoesplicativoOrientamento all’attivitàAdeguatezzaPortale della marca FFSLogoOrologio digitaleDiritti di utilizzazioneColori die baseColori funzionaliColori Off BrandIconeIcone dell'orarioPittogrammiInformazioni sull’accessibilitàÜber diesen GuideContattiLetture consigliateProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?DesigningCodingFAQAiutoProcessoContributionContattoIntroduzioneBaseComponentiOverviewReleasesDesign TokensKomponentenRoadmapIntroduzioneBaseInformazioniIntroduzioneBaseComponentiSenso & scopoCommunity AssetsIstruzioniPower-AppsBanner pubblicitari digitaliSAPIcone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili DeutschEnglishAutocompletion Übersicht
Was macht die Komponente?
Unterstützt den Benutzer bei der Eingabe mit Vorschlägen.
Wann soll die Komponente eingesetzt werden?
Wenn ein Eingabefeld viele vordefinierte Werte aufweisen kann.
Als Hilfe zur Vorschau bei Suchresultaten/-feldern.
Regeln
Die Autocompletion hat immer ein Label.
Optionale Eingaben werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein Tooltip.
Während der Eingabe werden direkt Vorschläge eingeblendet (typischerweise nach drei Zeichen, kann aber projektspezifisch angepasst werden).
Die aufgelisteten Einträge können mittels Pfeiltasten durchlaufen und mit Enter übernommen werden.
Es werden maximal 10 Vorschläge angezeigt.
Bei der Auswahl eines Elementes schliesst sich die Autocompletion-Auswahl.
Zustände und Varianten
Zustände
Die Komponente hat folgende Zustände:
Default
Hover
Varianten
Standard
Mit Trefferanzeige
Mit statischen Einträgen
Spezifikationen
DesignCode
ImpressumContattoProtezione dei datiImpostazioni dei cookie