Pola formularza

Pola formularza

Każde pole, które system dostarcza, na jednej stronie. To, co je łączy oprócz kształtu, to umowa: każde z nich może być przekazane czemuś, co nie jest osobą czytającą, które je wypełnia i oddaje.

Wsparcie

Pole może być przejęte — przez agenta, przez cokolwiek, co wie, co wpisać. Gdy jest zajęte, informuje o tym, przestaje odpowiadać na klawiaturę i wskaźnik, a wartość pojawia się tak, jak postanowiło pole: rozpisana dla słowa, wybrana dla opcji, zaznaczona dla przełącznika. Wsparcie jest z definicji tymczasowe; pole pozostawione z wsparciem to pole, z którego nikt nie może skorzystać.
Agent wypełnia pola poniżej, jedno po drugim.

Pola

Jedno z każdego, raz. Naciśnij Odtwórz powyżej, a będą wypełniane po kolei, przez te same wywołania, które wykonałby agent — co jest jedynym sposobem, aby upewnić się, że umowa obowiązuje dla wszystkich.
Przeciągnij plik tutaj lub wybierz go

Jednostka obok wartości

Stałe słowo — jednostka, waluta — rysowane w ramce pola, przed lub po wartości. Czytniki ekranu odczytują to razem z polem; nie jest częścią wartości, nie można go skupić, i nic z tego nie jest wysyłane. Zamrożony wygląd trzyma się z nim.
kg
€
cm

Jedno kroki na raz

stepper: true, przycisk po każdej stronie liczby — ilości. Krok po kroku według kroku pola i zatrzymuje się na jego minimum i maksimum, przycisk spoczywa tam; z symfony-forms, granice pochodzą z ograniczenia zakresu pola.
osoby

Segmenty i skale

`segmented: true` rysuje grupę przycisków radiowych jako pasek segmentów, do jednego wyboru spośród kilku krótkich: te same radiowe, przesuwane przez strzałki, wysyłające tę samą wartość. `range-input` przyjmuje wartość wzdłuż skali — `min`, `max`, `step` — i wyświetla ją obok etykiety w lokalizacji strony oraz z dziesiętnymi, jakie wymaga jego krok; `suffix` to słowo po nim, nigdy nie wysyłane. Podwójna vue emituje na każdym kroku, więc strona może przeliczać, gdy suwak się porusza.
1.2
2 tygodnie

Zamrożony i pokazany

Zamrożone pole trzyma wartość, którą ktoś może przeczytać i nie zmieniać: ustalone, nie niedostępne. Zachowuje kontrast edytowalnego pola i pozostaje możliwe do skupienia i zaznaczenia — tylko to, co zaprasza do pisania, przechodzi: przerywana ramka nad brakiem własnego tła, bez kursora tekstowego, bez wyboru. Wartość wyświetlana nie jest polem w ogóle: etykietą i tym, co mówi rekord, na linii pola, tak aby obie były odczytywane jako jeden blok, myślnik, gdy nie ma nic. Pola vue przyjmują `readonly` w ten sam sposób; wybór, radiowe, przełącznik, plik, kod lub emoji, które HTML nie może uczynić readonly, pokazują swoją wartość w polu readonly, które nie ma nazwy.
Utworzono 12 April 2026
Recenzowane przez —

W vue

Przyciski w formularzu

Przycisk podejmuje działanie, a nie wartość, więc nie ma nic do zapisania przez agenta.

Kod, w komórkach

Jedno prawdziwe pole pod komórkami, więc serwer odczytuje jedną wartość, a przeglądarka utrzymuje to, co już robi: wklejony kod ląduje w całości, telefon oferuje kod, który otrzymał, a klawisz backspace cofa. Wypełnione, wysyła swój formularz samodzielnie — wyłączone na tej stronie, która nie ma dokąd go wysłać.

Lista wyboru, osobno

Dwa niestandardowe wybory poza grupą formularzy, tak jak narzędzie lub pasek filtrów je umieszcza.

Przełącznik, samodzielnie

Etykiety po obu stronach, symbole w środku i zaznaczony stan.
Włącz funkcję
Etykieta po lewej
OFFONWłącz funkcję

Przełącznik z tonem, i taki, który pyta

Gdy jest włączony, przełącznik może przyjąć kolor stanu lub kategorii zamiast koloru linku. Taki, który przełącza coś z konsekwencjami, przyjmuje `ostrzeżenie` i pyta wcześniej: odrzucony, pozostaje wyłączony. Wyłączenie nigdy nie jest kwestionowane. W każdym przypadku informuje stronę o `switch:change`.
Zsynchronizowane
Oznaczone
Opublikuj przy zapisie

Przełącznik, w vue

Ten sam przełącznik wewnątrz drzewa vue, gdzie zaznaczony stan jest stanem, a nie atrybutem danych, który skrypt przełącza.