Input deprecated LEGACY

This version of the component is deprecated and will be removed in the next major version. Use Textfield instead!

Input — is a single-line textfield. It's not recommended to use it with numbers, because the value type of this component is a string

Inputs for other types of data:

Textarea — for multiline text
InputDate — for dates
InputDateRange — for a range of dates
InputNumber — for number (with measurement postfix)
InputPhone — for phone numbers
InputTag — for input tags
InputRange , InputSlider — for accurate number values
Slider , Range — for not accurate number values

Basic

If you need to set some attributes or listen to events on native input , you can put it inside with Textfield directive as shown below

sizes

Mask

Taiga UI input is compatible with Maskito

TuiUnmaskHandler allows to store value without mask in form control

Value stored in control:

{
  "testValue1": "",
  "testValue2": ""
}

Autocomplete with dropdown

Modes

Table

tuiTable directive from @taiga-ui/addon-table

Name	Date	Gender	Quantity	Sum, $
Name	Date

Check

A check mark by success validation

Hello

DataList

Enter your name

Parsed on complete match:

Direction: RTL

بحث

Disable browser autofill

Preventing autofilling - MDN

autocomplete=off is largely ignored in modern browsers - primarily due to password managers etc.

This is a hint, which browsers are not required to comply with. However modern browsers have stopped autofilling elements with autocomplete="new-password"

Taiga UI