Progress Telerik UI for Blazor

Blazor文本框

  • Blazor TextBox组件是一个高度通用的文本输入,具有密码输入,标签和占位符定制,即时验证集成和更多选项。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • Blazor文本框概述

    TextBox组件允许您在Blazor表单中显示、输入和编辑纯文本。你可以使用它的内置功能完全自定义TextBox组件:CSS类的样式,启用(控制输入是否启用/禁用),宽度,值(获取和设置值),标签(渲染文本与关于TextBox的附加信息)和内置的验证在EditFrom。文本框组件工作在WebAssembly (WASM)和服务器端Blazor应用程序。

    带有浮动标签的Blazor文本框组件示例。

    Telerik UI Blazor文本框概述
  • 文本框验证与表单

    Blazor套件的Telerik UI支持并无缝集成到Blazor的表单和验证基础设施中。所有的Telerik UI Blazor输入组件(包括简单的输入,如TextBox, Numeric TextBox和DateInput)工作时,放在一个EditForm,响应EditContext的变化,并提供默认无效的样式。您可以选择是否在更改、模糊或输入时触发验证—无论哪种情况下的最佳选项。

    当您需要验证用户输入时,用于Blazor的Telerik TextBox是完美的匹配。

    使用Blazor TextBox组件验证用户输入的示例。

    用于Blazor文本框验证的Telerik UI
  • 处理用户输入的文本框事件

    TextBox公开OnChange和ValueChanged事件,让您处理用户输入并在代码中执行必要的逻辑流。组件还会触发OnBlur事件,当它失去焦点时触发。您可以通过TextBox组件完全控制用户操作——从捕获用户击键到确认更改后的TextBox值。

    Blazor文本框双向绑定的例子。

    Telerik UI Blazor事件
  • Blazor文本框附加参数

    有几个更小的参数Telerik UI的Blazor TextBox组件,控制各种功能:

    • AutoComplete -指示浏览器是否为该字段提供自动补全,如果是,如何准确地做到这一点
    • InputMode——告诉浏览器什么是让用户输入文本的最佳方式。例如,移动设备上的虚拟键盘会根据用户输入的是URL还是电子邮件而改变。
    • 占位符——用于控制浏览器中输入元素的占位符值。
    • TabIndex——控制用户按Tab键时浏览器访问页面元素的顺序
  • Blazor文本框密码

    文本框还可以用于在登录和注册表单中输入密码。在纯文本文本框和用于输入密码的文本框之间切换就像启用元素上的Password属性一样简单。

    Telerik UI的Blazor文本框密码属性
  • 文本框验证模式

    TextBox具有验证模式,允许您定义是否在更改、模糊或输入时触发验证,允许您为特定用例选择最佳模式。

    Telerik UI Blazor文本框验证模式
  • Blazor TextBox TabIndex

    Blazor TextBox组件,就像所有其他Telerik UI的Blazor输入组件一样,由于HTML TabIndex属性,支持键盘导航在组件之间切换。按Tab键通常会聚焦下一个可用的输入组件,这与使用标准HTML输入时用户习惯的方式相同。通过TabIndex设置,可以自定义该顺序。
  • 文本框主题

    Telerik Blazor文本框有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik Saas ThemeBuilder应用程序

    Telerik UI的Blazor文本框主题

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map