可自訂的輸入控制項,實現精確的使用者資料輸入。
起價:

Mask Input 元件可讓開發人員定義會根據特定遮罩模式限制並格式化使用者輸入的輸入欄位。這可直接在使用者介面中確保資料符合規範並保持一致性。
多種內建遮罩規則可表示數字、字母、英數字元、可選輸入與字面值,讓開發人員能夠依照其資料需求精確調整輸入接受條件。
您可以自訂在遮罩中未填入輸入位置所顯示的符號,為使用者提供所需輸入結構的視覺提示,並提升可用性。
此元件支援預留位置,可使用遮罩模式或自訂字串,在資料輸入前引導使用者了解預期的輸入格式。
開發人員可在原始輸入值與格式化值之間選擇,以繫結至表單,讓資料處理與儲存方式更具彈性。
所有內部元素都公開 CSS parts,可進行完全自訂的樣式設定,以符合應用程式主題與品牌識別,包括輸入欄位、標籤、前綴與輔助文字。
這些輸入控制項專為 React 設計,可順暢整合,支援標準 React 模式、npm 安裝,以及模組化註冊,便於直接加入專案。
Mask Input 僅接受文字輸入,且原生不支援復原/重做行為,開發人員在規劃輸入功能時應加以考量。
請查看以下詳細資訊,以確保此產品在您的環境中受支援。
作為 Infragistics Ignite UI 的一部分提供,可單獨取得,或作為 Infragistics Professional 或 Infragistics Ultimate 的一部分提供。
比較 Infragistics Ignite UI、Infragistics Professional 和 Infragistics Ultimate 之間的功能。
| Infragistics Ignite UI | |
|---|---|
| 包含的產品 | |
| 元件集合 | |
| Angular | 已包含 |
| ASP.NET Core | 未包含 |
| ASP.NET MVC | 未包含 |
| jQuery | 未包含 |
| Blazor | 已包含 |
| React | 已包含 |
| Web 元件 | 已包含 |
| ASP.NET Web Forms 的終極 UI | 未包含 |
| Windows Forms 的終極使用者介面 | 未包含 |
| WPF 的終極使用者介面 | 未包含 |
| 獨立應用程式 | |
| Angular UI Components | |
| 網格與列表 | |
| 圖表 | |
| 資料輸入與顯示 | |
| 儀表 | |
| 樣式與主題 | |
| 資料視覺化 | |
| 互動 | |
| 選單 | |
| 服務 | |
| Angular Frameworks | |
| 版面配置 | |
| 通知 | |
| 排程 | |
| React UI 元件 | |
| React Charts | |
| React 格線與清單 | |
| React 資料輸入與顯示 | |
| React 版面配置 | |
| React 互動 | |
| React Gauges | |
| React 通知 | |
| React 框架 | |
| React 排程 | |
| React Maps | |
| Web UI 元件 | |
| Web Components 圖表 | |
| Web Components 網格與清單 | |
| Web Components 資料輸入與顯示 | |
| Web Components 儀表 | |
| Web Components 互動 | |
| Web Components 版面配置 | |
| Web Components 排程 | |
| Web Components 選單 | |
| Web Components 框架 | |
| Web Components Maps | |
| Web Components 通知 | |
| Blazor UI 元件 | |
| Blazor 圖表 | |
| Blazor 資料輸入與顯示 | |
| Blazor 通知 | |
| Blazor 資料格與清單 | |
| Blazor 資料視覺化 | |
| Blazor Gauge | |
| Blazor 互動 | |
| Blazor 選單 | |
| Blazor 版面配置 | |
| Blazor Frameworks | |
| Blazor Maps | |
| Blazor 排程 | |
| WinForms UI 元件 | |
| 圖表 | |
| 資料輸入與顯示 | |
| 資料視覺化 | |
| 條碼 | |
| 框架 | |
| 儀表 | |
| 網格與清單 | |
| 互動 | |
| 版面配置 | |
| 選單 | |
| 排程 | |
| 樣式與主題 | |
| WPF UI 元件 | |
| 網格與清單 | |
| 圖表 | |
| 儀表 | |
| 資料輸入與顯示 | |
| Frameworks | |
| 互動 | |
| 版面配置 | |
| 條碼 | |
| 資料視覺化 | |
| 選單 | |
| 排程 | |
| 樣式與主題 | |
| 生產力套件 | |
| ASP.NET Core 元件 | |
| 格線 | |
| 圖表 | |
| 條碼 | |
| 資料輸入與顯示 | |
| 資料視覺化 | |
| 儀表 | |
| 框架 | |
| 版面配置 | |
| 互動 | |
| 選單 | |
| 排程 | |
| 主題設定 | |
| ASP.NET MVC UI 元件 | |
| 網格 | |
| 圖表 | |
| 條碼 | |
| 資料輸入與顯示 | |
| 資料視覺化 | |
| 儀表 | |
| 框架 | |
| 版面配置 | |
| 互動 | |
| 選單 | |
| 排程 | |
| 主題設定 | |
| jQuery UI 元件 | |
| 網格 | |
| 條碼 | |
| 資料輸入與顯示 | |
| 資料視覺化 | |
| 儀表 | |
| 架構 | |
| 版面配置 | |
| 互動 | |
| 選單 | |
| 排程 | |
| 佈景主題 | |
Infragistics 成立於 1989 年,總部位於新澤西州 Cranbury,已在 UI/UX 開發領域奠定其全球領導地位,服務遍及 100 多個國家的軟體專業人士。其以支援網頁、桌面與行動平台的完整程式庫與框架廣受認可,並提供專為 .NET、Angular、React 及其他領先技術量身打造的解決方案。Infragistics 在歐洲、亞洲與南美洲皆設有辦公室,提供可加速應用程式開發並帶來豐富使用者體驗的元件。其對創新的承諾與對客戶滿意度的重視,使其成為全球開發人員與組織在數位專案中追求品質與彈性的值得信賴合作夥伴。
與我們的客戶支援團隊聊天