Поля ввода
Поля ввода
Каждое поле, которое предоставляет система, на одной странице. Общее между ними, помимо формы, это контракт: каждое из них может быть передано чему-то, что не является читающим, что заполняет его и возвращает.
Помощь
Поле может быть занято — агентом, чем угодно, что знает, что писать. Пока оно занято, оно об этом сообщает, перестает реагировать на клавиатуру и указатель, а значение отображается так, как решает поле: написано для слова, выбрано для опции, отмечено для переключателя. Помощь по своей природе временная; поле, оставленное под контролем, — это поле, которым никто не может пользоваться.
Поля
Одно из каждого, один раз. Нажмите «Играть» выше, и они будут заполняться по очереди, теми же вызовами, которые сделал бы агент — это единственный способ узнать, что контракт соблюдается для всех из них.
Единица измерения рядом со значением
Фиксированное слово — единица, валюта — отображается в рамке поля, до или после значения. Читалки экранов читают его вместе с полем; это не часть значения, не может быть выделено, и ничего из него не отправляется. Замороженный вид остается с ним.
По одному шагу
stepper: true, кнопка с каждой стороны числа — количество. Он шаг за шагом увеличивает или уменьшает значение на величину поля и останавливается на его минимуме и максимуме, кнопка останавливается там; границы берутся из ограничения Range поля в symfony-forms.
Сегменты и шкалы
`segmented: true` рисует группу радиокнопок в виде полосы сегментов, для одного выбора среди нескольких коротких: те же радиокнопки, перемещенные стрелками, отправляющие одно и то же значение. `range-input` принимает значение вдоль шкалы — `min`, `max`, `step` — и отображает его рядом с меткой по мере движения, в локали страницы и с десятичными, которые запрашивает его шаг; `suffix` — это слово после него, никогда не отправляется. Твин vue эмитирует на каждом шаге, так что страница может пересчитываться по мере движения ползунка.
Замороженное и отображаемое
Замороженное поле содержит значение, которое кто-то может прочитать и не изменить: установленное, но доступное. Оно сохраняет контраст редактируемого поля и остается доступным для фокуса и выделения — только то, что приглашает к написанию: пунктирная рамка без собственного фона, без текстового курсора, без выбора. Отображаемое значение вовсе не является полем: это метка и то, что говорит запись, на линии поля, чтобы оба воспринимались как один блок, дефис, когда ничего нет. Поля vue принимают `readonly` так же; выбор, радиокнопки, переключатель, файл, код или эмодзи, которые HTML не может сделать доступными только для чтения, показывают свое значение в поле только для чтения, которое не имеет имени.
Создано
12 April 2026
Проверено
—
В vue
Кнопки в форме
Кнопка выполняет действие, а не принимает значение, поэтому агенту нечего в неё вписывать.
Код в ячейках
Одно реальное поле под ячейками, так что сервер считывает одно значение, а браузер сохраняет то, что он уже делает: вставленный код попадает целиком, телефон предлагает код, который он получил, клавиша Backspace возвращает назад. Заполненное, оно отправляет свою форму само — отключено на этой странице, у которой нет места, куда его отправить.
Выпадающий список отдельно
Два пользовательских выбора вне группы формы, как панель инструментов или фильтр.
- Швеция
- Португалия
- Япония
- Швеция
- Португалия
- Япония
Переключатель, самостоятельно
Метки по обе стороны, значки внутри и состояние выбора.
Включить функцию
Метка слева
OFFONВключить функцию
Переключатель с тоном и тот, что спрашивает
Включенный переключатель может принимать цвет состояния или категории, а не цвет ссылки. Тот, что включает что-то с последствиями, принимает `warning` и спрашивает перед этим: отказано — остаётся выключенным. Выключение никогда не ставится под вопрос. В любом случае он сообщает `switch:change` на страницу.
Синхронизировано
Помечено
Опубликовать при сохранении
Переключатель, во vue
Тот же переключатель внутри дерева vue, где состояние выбора является состоянием, а не атрибутом данных, который меняет скрипт.