Infragistics Ignite UI for React UI 输入控件

InfragisticsUI 输入控件JavaScript

用于精确用户数据录入的可自定义输入控件。

  • 提供带掩码的输入字段，用于受控的数据格式化。
  • 支持适用于各种输入类型的灵活掩码规则。
  • 可轻松自定义提示和占位符字符。
Infragistics logo

起价:

加载中...
包含在以下产品
Infragistics Ignite UI for React加载中
Infragistics Ignite UI加载中
Infragistics Professional加载中
Infragistics Ultimate加载中
需要帮助选择吗？ 查看 如何购买 和 规格
Infragistics Ignite UI for React UI 输入控件 产品图片
Infragistics Ignite UI for React UI 输入控件包含旨在帮助开发者在 React 应用程序中实现精确用户输入处理的组件。借助可配置的掩码，开发者可以强制执行数据格式规则并自定义输入字段的用户体验，非常适合需要格式化数据输入的应用，例如电话号码、邮政编码或代码。

掩码输入组件

Mask Input 组件使开发者能够定义基于特定掩码模式限制并格式化用户输入的输入字段。这确保了数据合规性，并直接在用户界面中保持一致性。

灵活的掩码规则

多种内置掩码规则可表示数字、字母、字母数字字符、可选项和文本常量，使开发者能够根据其数据需求精确地定制输入接受条件。

提示字符自定义

您可以自定义在掩码中未填充输入位置显示的符号，为用户提供所需输入结构的视觉提示，并提升可用性。

占位符支持

该组件支持使用掩码模式或自定义字符串作为占位符，在数据输入前引导用户了解预期的输入格式。

数据绑定的值模式

开发者可以选择绑定到表单中的原始输入值或格式化值，从而在数据处理和存储方式上获得灵活性。

样式与主题

所有内部元素都暴露 CSS 部件，允许完全自定义样式以匹配应用主题和品牌，包括输入字段、标签、前缀和辅助文本。

与 React 生态系统集成

这些输入控件专为 React 设计，能够顺畅集成，支持标准 React 模式、npm 安装以及模块化注册，便于轻松纳入项目。

限制与注意事项

Mask Input 仅接受文本输入，并且不原生支持撤销/重做行为，开发者在规划输入功能时应予以考虑。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • React
  • Vanilla JavaScript