> For the complete documentation index, see [llms.txt](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bogdanov-inc.gitbook.io/ui-konstruktor-oktell/kontroly/pole-vvoda.md).

# Поле ввода

![](https://899924798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzcMn1glkgcrvuggFcDlD%2Fuploads%2FXgagGGGRLDlMnUvSCQiX%2Finput.png?alt=media\&token=af5c60fb-08ab-4e82-8dff-05dc5bdc3648)

Компонент для создания поля ввода формы

**Свойства:**

* *<mark style="color:purple;">value</mark>* - значение по умолчанию
* *<mark style="color:purple;">required</mark>* - сделает поле обязательным для ввода
* *<mark style="color:purple;">disabled</mark>* - запретит редактирование поля, сделает его **readonly**. При выборе свойства **required** поле не должно остаться пустым во избежание ошибок.
* *<mark style="color:purple;">placeholder</mark>* - подсказка для ввода значения. Отображается при пустом **value** поля
* *<mark style="color:purple;">subType</mark>* - выбор типа поля, содержит следующие параметры:
  * **По умолчанию (без значения)** - ввод любого текста
  * **Число (number)** - ввод только чисел
  * **Дата (date)** - выбор даты в календаре или ввод значения в ручную в формате: **ГГГГ-ММ-ДД**
  * **Дата и время (datetime-local)** - выбор даты и времени в календаре или ввод значения в ручную в формате: **ДД.ММ.ГГГГ ЧЧ:ММ**
* *<mark style="color:purple;">size</mark>* - выбор размера поля ввода из предложенных значений.
* *<mark style="color:purple;">actions</mark>* - добавит кнопки для выполнения какого-либо действия, поля для заполнения описаны в компоненте [кнопки](/ui-konstruktor-oktell/kontroly/knopka.md)

**События:**

* *<mark style="background-color:purple;">onChange</mark>* - событие срабатывает при изменении значения **value**
* *<mark style="background-color:purple;">onKeyPress</mark>* - событие срабатывает при нажатии любой клавиши в поле ввода