#forms

« Form design — Best practice, research insights and examples » by Geri Reid
▻https://gerireid.com/forms.html

« Working on a design system for a bank has taught me a lot about forms. I’ve watched testing in our labs. I’ve worked alongside experts from specialist accessibility organisations. I’ve seen forms tested by disabled people and users of assistive technology. I’ve also read a lot of research.

From all this learning I’ve formed my own forms best-practice guidelines. I thought it would be useful start recording it. Here’s my work in progress. I do UI/UX so I’m coming at this from a designer’s perspective. »

#ux #forms #css #webComponents #reference

Where to put #buttons on #forms
▻https://adamsilver.io/articles/where-to-put-buttons-in-forms

https://adamsilver.io/assets/images/button-placement/alignment.png

Align the primary button to the left edge of the inputs

illuminate a clear path to completion. Aligning inputs and actions with a strong vertical axis clearly communicates how to go about completing a form."

This layout also helps screen magnifier users to see it without having to pan across.

Les boutons des formulaires de #SPIP seraient mal placés ?

Signaler les champs obligatoires
▻http://romy.tetue.net/signaler-les-champs-obligatoires

Comment bien signaler les champs de saisie obligatoire ? Avec l’astérisque conventionnelle, mais attention : c’est moins simple qu’il n’y paraît ! Voyons cela pas à pas… Baliser les champs obligatoires comme tels Cela se fait très simplement avec l’attribut HTML5 dédié, required, qui s’utilise comme suit…

#required #HTML5 #a11yDesign #a11y #formulaires #forms #astérisque #tutoriel

Design Better Forms – UX Collective
▻https://uxdesign.cc/design-better-forms-96fadca0f49c

https://cdn-images-1.medium.com/max/1200/1*VvQeOFsY57NJxtZmKyRnHA.jpeg

form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed above.

Voila une belle liste des erreurs que nous pousse a faire nos clients, et marketeux qui savent mieux que nous organiser une page agréable et raisonné ;-) . Perso on me les as déjà toutes faites quasiement et comme un lache de tâchon j’ai éxécuté … les ordres (appelé recommandations dans le monde du travail …)

#css#UX#forms#webdesign

Introducing Reactive #forms In React
▻https://hackernoon.com/introducing-reactive-forms-in-react-e6df0b84a1ea?source=rss----3a8144eab

https://cdn-images-1.medium.com/max/351/1*llB7XYSksur0ltS6JxMnLQ.png

Angular like reactive forms in react.Forms are the essential part of a web application, managing the form state especially in a library like react which doesn’t support two way data binding is not a easy task.There are two ways to create forms in angular, one is template-driven-form and the other is reactive-form.Template forms are good but only for the smaller forms but when you have to deal with larger form reactive-forms works like a magic.Reactive forms or data-driven-form in angular are quite popular and provides a better structured way to build and control your forms.Now come to the react, it has many third party libraries to control the forms but they all are not much rich in features.Problems with the current librariesSome common problems with the current libraries are:-Dependency (...)

#reactjs #subscription #react-native #javascript

Drop Downs Should be the #UI of Last Resort (avec images, tweets) · lukew · Storify
▻https://storify.com/lukew/drop-downs-are-the-ui-of-last-resort

Tags : UI #webdesign #forms

Ideal Forms 3 : Le plugin jQuery ultime pour vos formulaires web - La Ferme du web
▻http://www.lafermeduweb.net/billet/ideal-forms-3-le-plugin-jquery-ultime-pour-vos-formulaires-web-1647.ht

Parmi les fonctionnalités du plugin, on retrouve :

La validation en direct des champs
L’affichage d’erreurs et d’aide sous forme de bulle
La personnalisation du rendu des champs du formulaire
L’ajout de widget de datepicker (jQuery UI)
Un support complet du clavier et raccourcis
Gestion d’extensions externes
Design responsive

Le plugin embarque aussi un système de thèmes pour personnaliser les couleurs, le style de vos champs et messages.

▻https://github.com/elclanrs/jq-idealforms

50 Useful #jquery Plugins to Enhance your #forms - noupe
▻http://www.noupe.com/jquery/50-useful-jquery-plugins-to-enhance-your-forms.html

Tags : jquery forms

#Lazarus: Form Recovery: Restore lost forms with a single click
►http://lazarus.interclue.com

Using Lazarus, you can recover lost forms with a single click. Lazarus automagically encrypts and saves every form as you type. If the submission fails or if you forget to send it or your computer or browser crashes, then you can return to the page and recover the form data you originally entered.

#firefox #plugin #forms

Turn plain webform into a powerful wizard with jQuery
►http://www.jankoatwarpspeed.com/examples/webform_to_wizard

#jquery #forms #tools #web #webdesign

A Collection of CSS Stylesheets For Web Forms - The Form Assembly
►http://www.formassembly.com/form-garden.php

#design #css #forms

Microsoft Interop Forms Toolkit 2.0
►http://msdn2.microsoft.com/en-us/vbasic/bb419144.aspx

The Interop Forms Toolkit 2.0 is a free add-in that simplifies the process of displaying .NET forms and controls in a Visual Basic 6 application. Instead of upgrading the entire code base, these applications can now be extended one form at a time.

#Microsoft #VB #VB.NET #Visual_Basic #VB6 #migration #étape #progressif #forms #controls #écran #module #gratuit #groupe:clever-age #.net #dev