Eingabefelder

Ein Feld kann übernommen werden — von einem Agenten, von allem, was weiß, was es schreiben soll. Während es gehalten wird, zeigt es das an, hört auf, auf die Tastatur und den Zeiger zu reagieren, und der Wert erscheint so, wie das Feld entscheidet: ausgeschrieben für ein Wort, gewählt für eine Option, angekreuzt für einen Schalter. Unterstützung ist von Natur aus vorübergehend; ein unterstütztes Feld ist ein Feld, das niemand nutzen kann.

Eines von jedem, einmal. Drücke oben auf Wiedergabe, und sie werden nacheinander ausgefüllt, durch die gleichen Aufrufe, die ein Agent machen würde — was der einzige Weg ist, um zu wissen, dass der Vertrag für alle gilt.

Ein festes Wort – eine Einheit, eine Währung – wird im Rahmen des Feldes angezeigt, vor oder nach dem Wert. Screenreader lesen es mit dem Feld; es ist kein Teil des Wertes, kann nicht fokussiert werden, und nichts davon wird übermittelt. Der eingefrorene Look bleibt dabei erhalten.

stepper: true, ein Button auf jeder Seite einer Zahl – einer Menge. Es erhöht sich um den Schritt des Feldes und stoppt an seinem Minimum und Maximum, der Button bleibt dort stehen; aus symfony-forms stammen die Grenzen von der Range-Beschränkung des Feldes.

`segmented: true` zeichnet eine Radiogruppe als Streifen von Segmenten, für eine Auswahl unter wenigen kurzen Optionen: dieselben Radiobuttons, die von den Pfeilen verschoben werden und denselben Wert senden. `range-input` nimmt einen Wert entlang einer Skala – `min`, `max`, `step` – und zeigt ihn neben seinem Label an, während er sich bewegt, in der Sprache der Seite und mit den Dezimalstellen, die sein Schritt erfordert; `suffix` ist ein Wort danach, das niemals übermittelt wird. Der Vue-Zwilling sendet bei jedem Schritt, sodass eine Seite neu berechnen kann, während der Daumen sich bewegt.

Ein eingefrorenes Feld hält einen Wert, den jemand lesen kann und nicht ändern kann: festgelegt, nicht unzugänglich. Es behält den Kontrast zu einem bearbeitbaren Feld und bleibt fokussierbar und auswählbar – nur was zum Schreiben einlädt, wird angezeigt: ein gestrichelter Rahmen über keinem eigenen Hintergrund, kein Textcursor, kein Picker. Ein Anzeigewert ist überhaupt kein Feld: ein Label und was der Datensatz sagt, auf der Linie eines Feldes, sodass die beiden als ein Block gelesen werden, ein Strich, wenn nichts vorhanden ist. Die Vue-Felder nehmen `readonly` auf die gleiche Weise; ein Auswahlfeld, Radiobuttons, ein Schalter, eine Datei, ein Code oder ein Emoji, die HTML nicht readonly machen kann, zeigen ihren Wert in einem readonly-Feld an, das keinen Namen hat.

Eine Taste führt eine Aktion aus, anstatt einen Wert, sodass es nichts gibt, was ein Agent hineinschreiben könnte.

Ein echtes Feld unter den Zellen, sodass der Server einen Wert liest und der Browser das behält, was er bereits tut: ein eingefügter Code landet vollständig, ein Telefon bietet den empfangenen Code an, die Rücktaste geht zurück. Ausgefüllt sendet es sein Formular von selbst — auf dieser Seite deaktiviert, die keinen Ort hat, um es zu senden.

Die beiden benutzerdefinierten Auswahlen außerhalb einer Formulargruppe, wie eine Symbolleiste oder eine Filterleiste sie platziert.

Beschriftungen auf beiden Seiten, Glyphen innen und der aktivierte Zustand.

Einmal aktiviert, kann ein Schalter die Farbe eines Zustands oder einer Kategorie annehmen, anstatt die des Links. Einer, der etwas mit Konsequenzen aktiviert, nimmt `warnung` und fragt vorher: abgelehnt, bleibt er aus. Das Ausschalten wird nie in Frage gestellt. In jedem Fall sagt es `switch:change` zur Seite.

Der gleiche Schalter innerhalb eines Vue-Baums, wo der aktivierte Zustand ein Zustand und kein Datenattribut ist, das ein Skript umschaltet.