Skip to content

表单组件

输入组件

用于创建输入组件的库

  • typeahead.js - 快速且功能全面的自动补全库
  • tag-it - jQuery UI插件,支持多标签字段及标签建议/自动补全功能
  • At.js - 为应用添加类似GitHub的@提及自动补全功能
  • Placeholders.js - 实现HTML5 placeholder属性的JavaScript polyfill
  • fancyInput - 通过CSS3效果让输入过程充满乐趣
  • jQuery-Tags-Input - 通过该jQuery插件将文本输入框转换为酷炫的标签列表
  • vanilla-masker - 纯JavaScript实现的输入掩码工具
  • Ion.CheckRadio - 美化复选框和单选按钮的jQuery插件,支持换肤功能
  • awesomplete - 零依赖的轻量级美观自动补全组件
  • cleave.js - 实时输入内容格式化工具
  • vanilla-text-mask - 支持React、Angular、Ember、Vue及原生JavaScript的输入掩码工具
  • input-mask - 输入掩码生成JavaScript库
  • searchbox - 即时可视化搜索组件

日历组件

日期/时间输入组件

  • pickadate.js - 移动友好、响应式轻量级jQuery日期时间选择器
  • bootstrap-datepicker - Twitter Bootstrap的日期选择器分支
  • Pikaday - 轻量、无依赖、模块化CSS的JavaScript日期选择器
  • fullcalendar - 全尺寸拖拽式事件日历组件
  • rome - 可定制化日期时间选择器,无依赖、可选配的UI组件
  • Date Range Picker - 支持日期范围和时间选择的JavaScript组件
  • Duet Date Picker - Duet设计系统无障碍日期选择器的开源版本
  • tui.calendar - 功能全面的JavaScript日历组件
  • vanilla-calendar - 兼容任何JavaScript框架或库的日期时间选择器,支持TypeScript、多语言、主题和深色模式

下拉组件

  • selectize.js - 结合文本框与select元素的混合组件(基于jQuery),支持自动补全与原生风格键盘导航,适用于标签系统和联系人列表
  • select2 - jQuery下拉框替代方案,支持搜索、远程数据集与无限滚动加载
  • chosen - 长列表选择框优化增强库

文件上传组件

  • jQuery-File-Upload - jQuery多文件上传组件,支持drag&drop、进度条、格式校验及多媒体预览
  • dropzone - 简易拖放上传库,支持图片预览与进度条显示
  • flow.js - 基于HTML5文件API的稳定、可恢复多文件并发上传库
  • fine-uploader - 支持进度条、拖放上传及直传S3的多文件上传插件
  • FileAPI - 多功能文件处理工具集,支持多文件上传、拖放及分块传输,含图像裁剪、缩放与EXIF自动旋转功能
  • plupload - 跨运行时文件上传API(支持HTML5/Silverlight/Flash),具备文件类型过滤、分块传输和客户端图像缩放功能
  • filepond - 灵活易用的JavaScript文件上传库
  • uppy - 适用于新一代网页浏览器的开源文件上传工具

其他工具

  • form - jQuery表单插件
  • Garlic.js - 自动将表单的文本和选择字段值本地持久化,直到表单提交为止
  • Countable - 实时统计HTML元素的段落数、词数和字符数的JavaScript工具
  • card - 一行代码增强信用卡表单功能
  • stretchy - 按需自动调整表单元素尺寸的解决方案
  • analytics - 轻量可扩展分析库,支持第三方分析服务提供商集成,用于跟踪页面浏览、自定义事件和用户识别
  • dat.GUI - 轻量级JavaScript变量调试GUI控制面板