Formulare

Field with status icon

Eine beschriftete Eingabe, an deren hinterer Kante ein kleines Häkchen- oder Warnsymbol angezeigt wird, das ausgeblendet wird, sobald sich die Gültigkeit des Felds ändert, ohne dass sich das Layout ändert.

Email address

Looks good.

Field with status icon verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: label, value, state, required

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1964Focus Guard FormFormulareEin Formular, das bei einer fehlgeschlagenen Übermittlung die Übermittlung abbricht, den Tastaturfokus direkt auf das erste ungültige Feld verschiebt und das Problem für Benutzer von Bildschirmleseprogrammen ankündigt.

2078Validated Signup FormFormulareEine kleine Formularlaufzeit, die Werte verfolgt, beim Verwischen und Senden validiert, Fehler mit ihren Eingaben verknüpft und den Status „Senden“ und „Senden“ anzeigt.

1925Branded Code PanelFormulareEin zentriertes Verifizierungsfeld unter einem kleinen Markenschloss, bei dem ein abgelehnter Code die Zeile einmal schüttelt, sie löscht und die Hände wieder auf das erste Kästchen konzentriert.

1974Grouped Code BoxesFormulareEin einmaliges Codefeld aus einzelnen Ziffern in Kästchen, die durch eine dünne Trennlinie in der Mitte in zwei Gruppen unterteilt sind, wobei ein blinkendes Caret das Kästchen markiert, das auf die Eingabe wartet.

1987Labeled field blockFormulareEin Formularfeld-Wrapper, der eine Beschriftung, ein Steuerelement, einen Hinweis und eine Fehlermeldung koppelt und zwischen gestapelten und nebeneinander liegenden Layouts wechselt, wenn der Container schmaler wird.

2006One Question WizardFormulareEin mehrstufiges Formular, das jeweils eine einzelne Frage mit einer Fortschrittsanzeige anzeigt und erst dann weitergeht, wenn die aktuelle Frage eine gültige Antwort hat.