Fermer

formulaire

Création de remplacements de bulles de validation de formulaire HTML5

Nuageux avec une chance de tester

J'ai écrit et sur au sujet de la validation de formulaires au cours des dernières années au format HTML5, et l'une des questions les plus courantes que je reçois concerne les bulles. Par bulles, j'entends les contrôles de l'interface utilisateur dans lesquels les navigateurs affichent des erreurs de validation. Vous pouvez voir ci-dessous les implémentations de Chrome, Firefox et IE: Quelle que soit la raison, nos développeurs (ou plus probablement nos collègues concepteurs) ont Assis désir de coiffer ces choses. Mais malheureusement, nous ne pouvons pas, car aucun navigateur ne fournit de crochets de style qui […]

mai 31, 2019

Lire l'article

Comment ajouter la validation du formulaire de réaction

React Validation Header

Rejoignez-moi et décrivez de la manière la plus simple possible la validation de formulaire personnalisé dans React en un minimum d'étapes. Familiarisez-vous avec la création de votre propre validation de formulaire personnalisée dans vos composants React. Cet article vous permettra de démarrer avec la validation de base d'un formulaire React à l'aide de l'état contrôlé des composants. Nous utilisons les cours et prévoyons d’avoir un article de suivi sur la même chose avec Hooks. Notre point de départ sera une démo de StackBlitz qui ne comporte que des éléments de forme et une configuration de style […]

février 21, 2019

Lire l'article

Comment créer un formulaire de réservation pour votre application Web avec Kendo UI

Booking

J'espère que vous suivez ma série sur l'utilisation des composants de Kendo UI car une occasion fantastique vient de nous permettre de créer une nouvelle application Web importante. . Le conseil spatial intergalactique a récemment mis des trous de ver à la disposition des voyages spatiaux. En réaction à cette nouvelle, toute une industrie a été créée. De nombreuses nouvelles compagnies aériennes et hôtels ont été créés pour fournir des voyages aux confins de l’univers. Cherchant à tirer parti de cette opportunité, l'équipe de Progress souhaite créer un site de voyage afin que tout le monde […]

novembre 12, 2018

Lire l'article

Un formulaire d'inscription

Medium’s passwordless sign-in screen.

À propos de l'auteur Adam Silver conçoit des sites Web simples, humains et complets. Il a également écrit un petit livre intitulé MaintainableCSS . Pour en savoir plus sur Adam … Nous sommes heureux d’annoncer le nouveau livre d’Adam Silver Form Design Patterns . Dans cet extrait du livre, Adam examine les qualités fondamentales d'une forme bien conçue et comment y penser. Vous pouvez aussi obtenir le livre tout de suite → Commençons par un formulaire d’inscription. La plupart des entreprises veulent des relations à long terme avec leurs utilisateurs. Pour ce faire, ils ont besoin […]

octobre 10, 2018

Lire l'article

Découvrez les «modèles de conception de formulaire», notre nouveau livre sur les formulaires Web accessibles en vente! éclatant

Découvrez les «modèles de conception de formulaire», notre nouveau livre sur les formulaires Web accessibles - en vente! - Magazine éclatant

À propos de l'auteur Markus Seyfferth adore voyager, manger des boulettes de pâte et s’assurer que Smashing n’est pas à court d’argent. Il coordonne tous les livres et événements Smashing (et aussi… Pour en savoir plus sur Markus … Les formulaires sont au centre de toutes les interactions significatives. Ils méritent donc une bonne prise en main. C’est pourquoi nous avons publié Form Design Patterns un nouveau livre imprimé sur les formulaires Web accessibles et bien conçus. Aller à la table des matières ou obtenir le livre immédiatement . Formulaires. Ce n'est pas un hasard si […]

octobre 10, 2018

Lire l'article

Aidez les utilisateurs à remplir votre formulaire mobile (partie 2)

Aidez les utilisateurs à remplir votre formulaire mobile (partie 2) - Smashing Magazine

À propos de l'auteur Stéphanie est concepteur UX et UI et expert en téléphonie mobile. Elle se concentre sur la création d'une expérience utilisateur exceptionnelle pour les applications mobiles, les tableaux de bord complexes et le Web réactif … Plus sur Stephanie … Ceci est la deuxième partie d'une série sur l'amélioration des formulaires mobiles pour les utilisateurs. Dans la première partie nous avons vu des directives générales sur la façon d'améliorer la lisibilité des formulaires pour les utilisateurs mobiles, le placement et la taille des étiquettes, les coûts d'interaction et le traitement des erreurs. Dans […]

août 27, 2018

Lire l'article

Les avantages de l'utilisation de la grille CSS pour la mise en forme de formulaire Web –

3 conseils pour accélérer votre site Web Bootstrap - SitePoint

La mise en page et la conception des formulaires constituent un aspect fondamental mais frustrant de la conception et du développement Web. Demandez à quiconque a déjà essayé de styliser une boîte ou d'aligner une étiquette de manière cohérente dans tous les navigateurs. En 2016, j'ai écrit " Rendre les formes amusantes avec Flexbox " être résolu avec Flexbox. Un avantage clé était la cohérence de l'ordre source HTML, le suivant toujours son tag associé dans un conteneur: name experience HTML Flexbox pourrait alors être utilisé pour: repositionnement le cas échéant, c'est-à-dire le déplacer vers la […]

août 24, 2018

Lire l'article

Aidez les utilisateurs à remplir votre formulaire mobile (partie 1)

À propos de l'auteur Stéphanie est concepteur UX et UI et expert en téléphonie mobile. Elle se concentre sur la création d'une expérience utilisateur exceptionnelle pour les applications mobiles, les tableaux de bord complexes et le Web réactif … Plus sur Stephanie … Testez-vous vos formulaires sur de vrais utilisateurs et sur de vrais appareils? Sinon, vous devriez. Jetons un coup d'œil à certaines des techniques qui peuvent vous aider à passer vos formulaires au niveau supérieur et à aider les utilisateurs à les remplir. Les formulaires constituent l'une des interactions primaires les plus élémentaires que […]

août 20, 2018

Lire l'article

Création d'un formulaire de contact sans serveur pour votre site statique

Les générateurs de sites statiques fournissent une alternative simple et rapide aux systèmes de gestion de contenu (CMS) comme WordPress . Il n'y a pas de configuration de serveur ou de base de données, juste un processus de construction et de simples HTML, CSS et JavaScript. Malheureusement, sans serveur, il est facile d'atteindre rapidement ses limites. Par exemple, en ajoutant un formulaire de contact. Avec la montée de l'architecture sans serveur ajouter un formulaire de contact à votre site statique n'a pas besoin d'être la raison pour basculer vers un CMS. Il est possible d'obtenir le […]

mai 2, 2018

Lire l'article