Ich habe das Gefühl, dass all diese Probleme handhabbar sind, aber das vernichtende Problem ist #3: Sie brauchen Platz, um sich zu bewegen. Labels können nicht verschwinden und müssen jederzeit lesbar sein, daher ist ein Floating-Label-Muster nicht wirklich...
React bietet zwei Standardmethoden, um Werte aus <form></form>-Elementen zu erhalten. Die erste Methode ist die Implementierung sogenannter kontrollierter Komponenten (siehe meinen Blogbeitrag zu diesem Thema) und die zweite ist die Verwendung der ref-Eigenschaft von React.
Kontrolliert …
Eine Zusammenfassung einfacher Formulare mit interessanten UI-Interaktionen und Animationen.
Ich kann nicht garantieren, dass die endgültige Demo für jedes davon perfekt zugänglich ist oder die Benutzererfahrung messbar verbessert oder so etwas, aber das bedeutet nicht, dass Sie sich nicht inspirieren lassen können...
In diesem Video von Rob Dodson gibt es viele nützliche Tricks, bei denen er sich auf Barrierefreiheits-Tricks in den Chrome DevTools konzentriert. Ein paar Anmerkungen
:indeterminate ist ein Pseudoklassen-Selektor in CSS, der für einen Zustand benannt ist, der weder ausgewählt noch nicht ausgewählt ist. Es ist dieser Zwischenzustand, den wir als "Vielleicht" zwischen "Ja" und "Nein" betrachten könnten. Der Zustand ist nicht vollständig bestimmt, daher der...
Andrew Coyle darüber, wann <input placeholder> verwendet werden sollte
Was im Grunde ziemlich viel bedeutet: „Nicht …
Chris Dumez
…WebKit unterstützte keine HTML interaktive Formularvalidierung, die bei der Formularübermittlung stattfindet (es sei denn, das Attribut
novalidateist auf dem<form>-Element gesetzt) oder über diereportValidity()API. Wir freuen uns, Ihnen mitteilen zu können, dass dies nun implementiert ist.
Eine interessante Reise des Formular-UX, dokumentiert von Tim Paul. Es begann mit den Standardeinstellungen des Browsers. Es ist unklar, warum das nicht funktionierte. Interessanterweise half eine Änderung, die riesige, auf Labels basierende Klickbereiche in farblich abgesetzten Boxen enthielt, nicht. Was tatsächlich half, war ...
Ein schönes Tutorial von Michael Scharnagl, in dem er ein perfekt funktionierendes Kommentarformular nimmt und es mit sehr netten Funktionen progressiv verbessert. Dinge wie benutzerdefinierte Fehlermeldungen, automatisch erweiterbare Höhe und sogar wirklich schicke Funktionen wie Ajax und Offline-Einreichung. …
