awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

6 个仓库

Awesome GitHub RepositoriesWeb Form Implementations

Development of interactive input fields, validation logic, and pickers for web-based data collection.

Distinct from Mobile Form Implementations: Focuses on general web form UI implementation rather than mobile-specific or PDF-specific forms.

Explore 6 awesome GitHub repositories matching user interface & experience · Web Form Implementations. Refine with filters or upvote what's useful.

Awesome Web Form Implementations GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • yuche/vue-strapyuche 的头像

    yuche/vue-strap

    4,679在 GitHub 上查看↗

    vue-strap 是一个 UI 框架和组件库,提供了一系列基于 Bootstrap 的主题化界面元素,供 Vue.js 应用程序使用。它作为一个基于 Bootstrap 的组件套件,将 CSS 框架样式与响应式 JavaScript 组件架构结合在一起。 该库实现了广泛的功能性构建块,包括导航栏、下拉菜单以及手风琴面板和标签页等布局原语。它包含一套丰富的表单输入组件,具有日期选择器、自动补全搜索和集成的验证状态管理功能。 其他功能涵盖了通过模态对话框、信息气泡、加载旋转图标和颜色编码警报提供的用户反馈和覆盖层。该框架还提供了用于响应式布局设计和交互式数据录入工作流的工具。

    Provides interactive input fields, validation logic, and date pickers for collecting and verifying user data.

    JavaScript
    在 GitHub 上查看↗4,679
  • creativetimofficial/material-tailwindcreativetimofficial 的头像

    creativetimofficial/material-tailwind

    4,359在 GitHub 上查看↗

    Material Tailwind 是一个基于 Tailwind CSS 构建的响应式 Web UI 框架和组件库。它提供了一个可定制的设计系统,为 Web 应用程序实现了 Material Design 原则。 该项目专注于可定制的设计系统,允许进行集中式主题配置和基于工具类的样式设置,以保持界面间的视觉一致性。 该库包含广泛的可重用界面元素,涵盖布局结构、导航系统和覆盖组件。它提供了用于 Web 表单构建、数据输入控件和视觉状态指示器的专业工具。

    Implements interactive input fields and validation logic for structured web-based data collection.

    TypeScriptjavascriptmaterialmaterial-design
    在 GitHub 上查看↗4,359
  • laravelcollective/htmlLaravelCollective 的头像

    LaravelCollective/html

    4,080在 GitHub 上查看↗

    This project is a programmatic HTML form builder and element generator for PHP, designed as a component library for the Laravel Blade templating engine. It provides a fluent interface to create structured HTML markup and attributes, allowing developers to generate web interface elements through code rather than writing raw markup. The library focuses on the dynamic construction of web forms and input fields. It enables the programmatic definition of form structures and attributes based on application logic, which helps maintain cleaner templates within the Laravel framework.

    Enables the programmatic implementation of web forms and input fields based on application logic.

    PHP
    在 GitHub 上查看↗4,080
  • hail2u/html-best-practiceshail2u 的头像

    hail2u/html-best-practices

    4,077在 GitHub 上查看↗

    本项目是一份全面的参考指南,旨在基于现代 Web 标准编写简洁、语义化且易于维护的 HTML 标记。它提供了一套实施语义化 HTML 标准的规则,使用有意义的结构元素代替通用容器,以改善文档层次结构和机器可读性。 该指南建立了具体的 HTML 格式规范,涵盖缩进、标签大小写和源代码组织,以提高代码库的可维护性。它还作为 Web 无障碍参考,详细说明了 ARIA 角色、替代文本和无障碍表单控件的实现,以支持屏幕阅读器和其他辅助技术。 该项目涵盖了几个核心功能领域,包括文档元数据和字符编码的配置以实现浏览器兼容性、通过绝对路径解析管理 Web 资源,以及通过正确的标签和验证属性优化 Web 表单。它还包括处理多媒体内容及适当回退机制的标准。

    Provides patterns for using labels and fieldset legends to create user-friendly web form interfaces.

    在 GitHub 上查看↗4,077
  • github/hotkeygithub 的头像

    github/hotkey

    3,292在 GitHub 上查看↗

    Hotkey is a client-side JavaScript library designed to enhance web application accessibility and navigation through keyboard shortcut integration. It enables developers to bind keyboard shortcuts and multi-key sequences directly to HTML elements using declarative attributes. The library functions as a web component and DOM interaction helper that triggers clicks, focus events, or custom actions when specific key combinations are pressed. The project features document-level event delegation to capture global keyboard inputs efficiently and route them to targeted elements. It includes input sco

    Enabling keyboard-driven interactions within form fields and specific page elements to improve accessibility and speed up data entry.

    JavaScriptdecoratorshortcuts
    在 GitHub 上查看↗3,292
  • minikomi/bootstrap-form-builderminikomi 的头像

    minikomi/Bootstrap-Form-Builder

    2,104在 GitHub 上查看↗

    Bootstrap-Form-Builder 是一个低代码 Web 表单生成器,支持通过基于浏览器的可视化编辑器创建数据收集界面。它允许用户通过在画布上排列预设样式的组件来设计复杂的表单布局,自动生成底层的 HTML 和布局结构,而无需手动输入代码。 该工具通过基于配置的组件管理方法脱颖而出。开发者可以通过注册自定义元素并提供模块化模板来扩展可用的输入类型,这些元素随后被集成到可视化设计环境中。该系统确保表单结构被序列化为一致的数据格式,保持视觉布局与底层模式之间的同步。 该项目旨在支持 Bootstrap 框架,确保所有生成的表单都遵循标准的响应式网格系统和样式。它通过拖放编排管理元素的空间排列,将用户交互直接映射到持久化的内部模型,以促进自定义数据收集界面的构建。

    Generates web forms by automatically producing the underlying HTML and layout structure for data collection.

    JavaScript
    在 GitHub 上查看↗2,104
  1. Home
  2. User Interface & Experience
  3. Web Form Implementations