6 dépôts
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.
vue-strap est un framework UI et une bibliothèque de composants proposant une collection d'éléments d'interface thématisés basés sur Bootstrap pour les applications Vue.js. Il sert de kit de composants Bootstrap faisant le pont entre le style d'un framework CSS et une architecture de composants JavaScript réactive. La bibliothèque implémente une large gamme de blocs fonctionnels, incluant des barres de navigation, des menus déroulants et des primitives de mise en page comme des panneaux accordéon et des onglets. Elle inclut un ensemble étendu de champs de formulaire avec sélecteurs de date, saisie semi-automatique et gestion intégrée de l'état de validation. Les fonctionnalités supplémentaires couvrent le feedback utilisateur et les superpositions via des boîtes de dialogue modales, des popovers informatifs, des indicateurs de chargement et des alertes colorées. Le framework fournit également des outils pour le design de mise en page responsive et les flux de saisie de données interactifs.
Provides interactive input fields, validation logic, and date pickers for collecting and verifying user data.
Material Tailwind est un framework d'interface utilisateur web responsive et une bibliothèque de composants construits avec Tailwind CSS. Il fournit un système de conception personnalisable qui implémente les principes de Material Design pour les applications web. Le projet se concentre sur un système de conception personnalisable, permettant une configuration de thème centralisée et un style basé sur des utilitaires pour maintenir la cohérence visuelle à travers les interfaces. La bibliothèque inclut une large gamme d'éléments d'interface réutilisables, couvrant les structures de mise en page, les systèmes de navigation et les composants de superposition. Elle fournit des outils spécialisés pour la construction de formulaires web, les contrôles de saisie de données et les indicateurs d'état visuels.
Implements interactive input fields and validation logic for structured web-based data collection.
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.
Ce projet est un guide de référence complet pour écrire un balisage HTML propre, sémantique et maintenable basé sur les standards web modernes. Il fournit un ensemble de règles pour implémenter les standards HTML sémantiques, en utilisant des éléments structurels significatifs au lieu de conteneurs génériques pour améliorer la hiérarchie des documents et la lisibilité par la machine. Le guide établit des conventions spécifiques pour le formatage HTML, couvrant l'indentation, la casse des balises et l'organisation du code source pour améliorer la maintenabilité de la base de code. Il sert également de référence pour l'accessibilité web, détaillant l'implémentation des rôles ARIA, du texte alternatif et des contrôles de formulaire accessibles pour prendre en charge les lecteurs d'écran et autres technologies d'assistance. Le projet couvre plusieurs domaines de capacités fondamentaux, incluant la configuration des métadonnées de document et l'encodage des caractères pour la compatibilité avec les navigateurs, la gestion des ressources web via la résolution de chemin absolu, et l'optimisation des formulaires web via des attributs d'étiquetage et de validation appropriés. Il inclut également des standards pour gérer le contenu multimédia avec des mécanismes de secours appropriés.
Provides patterns for using labels and fieldset legends to create user-friendly web form interfaces.
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.
Bootstrap-Form-Builder is a low-code web form generator that enables the creation of data collection interfaces through a browser-based visual editor. It allows users to design complex form layouts by arranging pre-styled components on a canvas, automatically producing the underlying HTML and layout structure without requiring manual code entry. The tool distinguishes itself through a configuration-based approach to component management. Developers can extend the available input types by registering custom elements and providing modular templates, which are then integrated into the visual des
Generates web forms by automatically producing the underlying HTML and layout structure for data collection.