Text input (also password, search, etc.)
<HxInputText @bind-Value="inputTextContent" Label="Name" />
InputText content: @inputTextContent
@code {
private string inputTextContent;
}
You can set input-type with InputType
parameter, e.g. InputType.Password
:
InputMode
is a hint to browsers as to the type of virtual keyboard configuration to use when editing.
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 |
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. |
Method | Returns | Description |
---|---|---|
FocusAsync() | ValueTask |
Gives focus to the input element. |
Property | Type | Description |
---|---|---|
Defaults | InputTextSettings |
Application-wide defaults for the HxInputFile and derived components.Full documentation and demos: https://havit.blazor.eu/components/HxInputText. |