Smart UI Input Controls for Vue
建立於可重複使用 Web 標準之上的完整 Vue 輸入元件
- 提供文字、數值、日期與選擇輸入元件。
- 支援驗證、在地化與無障礙功能。
- 包含內建驗證支援與格式化功能。
起價:
| 包含在以下產品 | |
|---|---|
| Smart UI (Smart HTML Elements) | 載入中 |
文字與基本輸入欄位
此函式庫包含標準的文字輸入元件，適用於單行與多行資料輸入。這些元件支援預留文字、標籤、驗證狀態與事件，因此非常適合表單、搜尋介面以及一般用途的使用者輸入情境。
數值與遮罩輸入
數值輸入元件可讓使用者以受控方式輸入數字，並提供格式化、步進控制與驗證。遮罩輸入元件會強制套用預先定義的格式，用於電話號碼、ID 或代碼等結構化資料，有助於在資料輸入時確保一致性與正確性。
日期與時間選擇控制項
日期、時間與結合式 datetime 選擇器提供可互動的時間資料選擇介面。這些元件支援格式化、在地化與以行事曆為基礎的輸入。
下拉選單與選擇元件
此函式庫包含下拉清單、組合方塊、清單方塊與自動完成輸入，可用於從預先定義的資料集選擇值。這些元件支援篩選、分組與自訂呈現，幫助使用者在表單與資料驅動介面中更有效率地尋找並選擇選項。
布林與選擇輸入
核取方塊、單選按鈕、切換開關與切換控制項可讓使用者進行二元或單一選擇。
輸入驗證與格式化
輸入元件支援驗證規則、錯誤狀態與格式化選項，以協助強化資料完整性。
無障礙與鍵盤互動
這些元件包含對 WAI-ARIA 屬性與鍵盤導覽的支援。這讓使用者能透過輔助技術與非指標輸入方式與輸入元素互動，有助於提升更廣泛使用者與環境中的可用性。
在地化與區域設定
輸入控制項支援語言專屬標籤、日期格式與數字格式化等在地化功能。同時也支援由右至左的版面配置，可讓應用程式依不同地區與語言需求調整輸入體驗。
樣式與主題選項
這些元件可透過樣式與主題設定來符合應用程式的設計需求。開發者可調整顏色、大小與狀態等視覺層面，同時在介面中的所有輸入元素維持一致的行為。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- Vue.js
關於Smart HTML Elements
Smart HTML Elements，由 JQWidgets Ltd. 推出，是一個建立於 JavaScript、HTML5 和 CSS3 之上的 UI 框架，專為打造響應式與跨平台網頁應用程式而設計。Smart HTML Elements 位於保加利亞的 Sofia，提供超過 70 種網頁元件，包括資料表格、圖表、排程器與輸入元件。其元件圍繞著強大的核心打造，提供資料繫結、進階事件處理、本地化、無障礙性，以及跨瀏覽器與裝置的適應能力等功能。開發人員選擇 Smart HTML Elements，因為它零相依性、容易自訂，並與 Angular、React、Vue 和 Blazor 等框架相容，同時還提供完整的文件。
