Текстовое поле

A simple text field with placeholder and/or label.

Однострочные текстовые поля не всплывают на метки с фокусом или с данными.

Text fields can be disabled or readonly.

Иконки могут быть указаны как присоединённые или добавленные.

When clearable, you can customize the clear icon with clear-icon.

click:prepend, click:append, click:append-outer, and click:clear will be emitted when you click on the respective icon. Note that these events will not be fired if the slot is used instead.

Instead of using prepend / append / append-outer icons you can use slots to extend input's functionality.

Text field label can be defined in label slot - that will allow to use HTML content

Используйте счётчик, чтобы проинформировать пользователя о значении лимита. Счётчик не выполняет никакой проверки самостоятельно. Вам необходимо соединить его либо с внутренней системой проверки, либо с библиотекой сторонних разработчиков.

Ввод пароля может использоваться с добавленным значком и обратным вызовом для контроля видимости.

Vuetify включает в себя простую проверку с помощью rules. Подпрограмма принимает массив обратных вызовов. При проверке правил текущее значение v-model будет передано на обратный вызов. Этот обратный вызов должен возвращать либо true, либо String, сообщение об ошибке.

Полные текстовые поля позволяют создавать безграничные вводы. В этом примере мы используем v-divider для разделения полей.

Свойство hint в текстовых полях добавляет предоставленную строку под текстовым полем. Использование persistent-hint сохраняет подсказку, когда текстовое поле не фокусируется.

Свойство prefix и suffix позволяет добавлять и добавлять встроенный немодифицируемый текст рядом с текстовым полем

Хотя встроенный в v-form или сторонний плагин, такой как vuelidate или vee-validation может помочь упростить процесс проверки, вы можете просто контролировать его самостоятельно.

Текстовые поля могут использоваться с альтернативным дизайном бокса. Добавленная и присоединённая иконка перед именем реквизита не поддерживается в этом режиме.

Text-fields can be used with an alternative solo design.

Text fields can be used with an alternative outline design.

Вы можете при необходимости изменить текстовое поле на любой цвет в палитре Design Material. Ниже приведён пример реализации пользовательской формы с проверкой.

Текстовые поля могут проверять маски символов. Используя либо готовые, либо настраиваемые правила, вы можете форматировать и проверять конкретные наборы символов.

Вместо нижней строки можно отобразить индикатор выполнения. Вы можете использовать неопределённый прогресс по умолчанию, имеющий тот же цвет, что и текстовое поле, или назначить пользовательский, используя слот progress