L’article présente la propriété CSS field-sizing: content, qui permet de dimensionner dynamiquement les champs de formulaire (comme les <select> ou <input>) en fonction de leur contenu, sans recourir à JavaScript. Actuellement supportée uniquement par Chrome, cette propriété offre une solution élégante pour adapter la largeur des champs à leur contenu, tout en respectant les placeholders comme largeur minimale. L’auteur illustre son utilité à travers plusieurs cas d’usage : interfaces conversationnelles (formulaires plus naturels), pagination (menus déroulants adaptés), saisie d’URL (champs de sous-domaines ou identifiants), ou encore sections héroïques avec filtres dynamiques. L’article souligne aussi l’importance de définir des largeurs minimales et maximales pour éviter les problèmes d’affichage, et encourage son adoption comme amélioration progressive, compatible avec les navigateurs ne la supportant pas encore. Une propriété prometteuse pour des designs plus fluides et intuitifs.
Vous créez une application Symfony, et vous avez un petit formulaire. Vous souhaitez ne pas construire un formulaire Symfony (trop lourd). L'auteur montre une fonctionnalité très sympathique des Symfony Live Components : le "ValidatableComponentTrait"
Tout est dans le titre
Si vous avez un formulaire dont le bouton "submit" n'est pas placé entre les balises
Tout est dans le titre
Une liste des attributs bien pratiques de l'élément input
Tout est dans le titre
Quelques bizarreries des formulaires HTML selon qu'il y ait un ou plusieurs champs input
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Une discussion autour de l'ergonomie de la saisie de données numériques : vaut-il mieux un choix de valeurs (via des boutons radio) ou une saisie numérique directe ? L'auteur n'oublie pas les questions de vie privée :)
Tout est dans le titre
Un guide très complet sur l'accessibilité de la validation des champs de formulaire (avec attributs Aria, bonnes pratiques, etc.)
L'auteur montre l'existence de propriétés JavaScript sur les éléments de formulaire (validity) et comment s'en servir pour customiser l'affichage des erreurs de validation.