HxInputText #

Text input (also password, search, etc.)

Basic usage #

Name

InputText content:

<HxInputText @bind-Value="inputTextContent" Label="Name" />

InputText content: @inputTextContent

@code {
    private string inputTextContent;
}

Input type #

You can set input-type with InputType parameter, e.g. InputType.Password:

Password

Input mode #

InputMode is a hint to browsers as to the type of virtual keyboard configuration to use when editing.

Default InputMode (not set)

InputMode.Email

InputMode.Tel

InputMode.Url

InputMode.Search

InputMode.None

API #

Parameters #

Name	Type	Description
AdditionalAttributes	`IReadOnlyDictionary<string, object>`	A collection of additional attributes that will be applied to the created element.
BindEvent	`BindEvent`	Gets or sets the behavior when the model is updated from then input.
ChipTemplate	`RenderFragment`	Chip template.
CssClass	`string`	Custom CSS class to render with wrapping div.
DisplayName	`string`
Enabled	`bool?`	When `null` (default), the `Enabled` value is received from cascading `FormState`. When value is `false`, input is rendered as disabled. To set multiple controls as disabled use HxFormState.
GenerateChip	`bool`	When `true`, `HxChipGenerator` is used to generate chip item(s). Default is `true`.
Hint	`string`	Hint to render after input as form-text.
HintTemplate	`RenderFragment`	Hint to render after input as form-text.
InputCssClass	`string`	Custom CSS class to render with the input element.
InputGroupEndTemplate	`RenderFragment`	Input-group at the end of the input.
InputGroupEndText	`string`	Input-group at the end of the input.
InputGroupStartTemplate	`RenderFragment`	Input-group at the beginning of the input.
InputGroupStartText	`string`	Input-group at the beginning of the input.
InputMode	`InputMode?`	Hint to browsers as to the type of virtual keyboard configuration to use when editing. Default is `null` (not set).
InputSize	`InputSize?`	Size of the input.
Label	`string`	Label text.
LabelCssClass	`string`	Custom CSS class to render with the label.
LabelTemplate	`RenderFragment`	Label content.
LabelType	`LabelType?`	Label type.
MaxLength	`int?`	The maximum number of characters (UTF-16 code units) that the user can enter. If parameter value isn't specified, `MaxLengthAttribute` of the `Value` is checked and used. If not specified either, the user can enter an unlimited number of characters.
Placeholder	`string`	Placeholder for the input.
Settings	`InputTextSettings`	Set of settings to be applied to the component instance (overrides `HxInputText.Defaults`, overridden by individual parameters).
Type	`InputType`	Input type.
ValidationMessageMode	`ValidationMessageMode?`	Specifies how the validation message should be displayed. Default is `ValidationMessageMode.Regular`, you can override application-wide default for all inputs in `HxInputBase.Defaults`.
Value	`string`	Value of the input. This should be used with two-way binding.
ValueChanged	`EventCallback<string>`	A callback that updates the bound value.
ValueExpression	`Expression<Func<string>>`	An expression that identifies the bound value.

Methods #

Method	Returns	Description
FocusAsync()	`ValueTask`	Gives focus to the input element.

Static properties #

Property	Type	Description
Defaults	`InputTextSettings`	Application-wide defaults for the `HxInputFile` and derived components. Full documentation and demos: https://havit.blazor.eu/components/HxInputText.