Textfield CORE
See also
Textarea, InputChipTextfield is a low level component that other more complex controls are based upon. Basic
#Textfield can be used as-is for string value inputs.
States
#You can change states of the component manually or it can follow state of a form control when Angular form directives are applied to it.
Dropdown
#For more complex dropdown controls it is recommended to use dedicated components, such as Select or ComboBox
InputPassword
# An example of a password textfield with an interactive icon to toggle the input type.
Mask
# We recommends using Maskito for input masking. Maskito is supported by Taiga Family team and it is already peer-dependency of @taiga-ui/kit library. This example demonstrates how to use built-in Number mask with postfix and augment it by several Maskito plugins.
@taiga-ui/kit library. This example demonstrates how to use built-in Number mask with postfix and augment it by several Maskito plugins.
type="email" — validation + keyboard hint.
inputmode="email" — keyboard hint only, no validation.
autocomplete="new-password" — disables autofill and suggestion pop-ups.
Use type="email" when you need format validation, or inputmode="email" with type="text" if you only want a convenient keyboard layout.
type="email" — validation + keyboard hint. inputmode="email" — keyboard hint only, no validation. autocomplete="new-password" — disables autofill and suggestion pop-ups. Use
type="email" when you need format validation, or inputmode="email" with type="text" if you only want a convenient keyboard layout. Email:
Taiga UI