Blazor文本框概述
的Blazor文本框组件允许用户输入通用纯文本消息。
你可以控制各种属性的输入元素，并将文本框转换为密码框。您还可以配置此组件以响应事件。
的一部分《Blazor》的teleerik UI，一个专业级的UI库，有100个本地组件，用于构建现代和功能丰富的应用程序。要想尝试一下，注册一个30天的免费试用。
创建Blazor文本框
- 添加
< TelerikTextBox >标记到Razor文件。 - 设置
价值参数为a字符串对象。它支持单向和双向绑定。
具有双向值绑定的基本文本框
TextBox value: @StringValue
外观
TextBox组件提供控制其外观的设置。阅读更多关于Blazor文本框外观设置的信息。
事件
Blazor文本框生成模糊和值更改事件，以进一步自定义其行为。阅读更多关于Blazor文本框事件的信息。
文本框的参数
Blazor文本框提供了各种参数来配置该组件:
| 参数 | 类型和默认值 | 描述 |
|---|---|---|
价值 |
字符串 |
获取/设置输入的值，可用于绑定。 |
自动完成 |
字符串 |
一个字符串它映射到自动完成属性。你可以用它来指示浏览器转向从它的自动完成或使用特定的设置为它(如新密码)。确保使用对文本输入有意义的值。例如，如果需要数字输入，可以使用TelerikNumericTextBox组件，或者使用TelerikDatePicker来输入日期。 |
类 |
字符串 |
控件上呈现的自定义CSS类< span class = " k-textbox”>元素。 |
DebounceDelay |
int |
指定从最后键入符号到更新值之间的时间(以毫秒为单位)。缺省值是150ms。 |
启用 |
保龄球真正的 |
是否输入启用。 |
Id |
字符串 |
呈现为id属性上的<输入/ >元素，所以你可以附加a<标签= " " >到输入。 |
InputMode |
字符串 |
一个字符串它映射到inputmode属性。您可以使用它来指示呈现设备显示合适的虚拟键盘(例如，为输入URL或电子邮件而优化的键盘)。确保使用对文本输入有意义的值。例如，如果需要数字输入，可以使用TelerikNumericTextBox组件，或者使用TelerikDatePicker来输入日期。 |
名字 |
字符串 |
的名字属性。这通常是需要的自动完成将被浏览器所尊重。 |
密码 |
保龄球 |
当设置为真正的， HTML元素呈现type = "密码"这样用户输入就被隐藏了。中找到验证和显示按钮的示例现场演示:密码文本框 |
占位符 |
字符串 |
一个字符串它映射到占位符属性。如果一个标签定义时，当输入没有聚焦时，将显示它而不是占位符。 |
TabIndex |
Nullable < int > |
映射到tabindex属性。您可以使用它来自定义表单中的输入聚焦的顺序选项卡关键。 |
标题 |
字符串 |
映射到标题属性。你可以用它来加a工具提示。 |
ValidateOn |
ValidationEvent枚举（ 输入） |
配置将触发验证的事件(如果启用了验证)。阅读更多简单输入的验证模式。 |
宽度 |
字符串 |
组件宽度。看到维。的宽度参数没有默认值，但主题应用宽度:100%风格。 |
参见输入验证篇文章。
例子
带有输入属性的自定义文本框
密码类型文本框
@*启用文本框密码模式的示例。确保添加一个表单和验证，例如:https://demos.telerik.com/blazor-ui/textbox/password *@ 以编程方式更改文本框的值
TextBox value: @StringValue
更改TextBox value