Zum Beispiel: <input type="search">
font-size, die man auf
In HTML gibt es einen sehr klaren Eingabetyp für die Handhabung von Passwörtern
<input type="password">Wenn Sie diesen verwenden, erhalten Sie die verschleierten Aufzählungspunkte, wenn Sie hineintippen, wie
••••••••
Das ist das Web, das versucht, bei der Sicherheit zu helfen. Wenn …
Die meisten Inputs haben etwas gemeinsam – sie sind am glücklichsten mit einem Begleitlabel! Und das Glück hört nicht dort auf. Formulare mit richtigen Inputs und Labels sind für Menschen viel einfacher zu benutzen, und das macht die Leute auch glücklich.…
Apropos Number Scrubbing (d. h. Hinzufügen von Maus-UX zu Number-Inputs), man kann auch bessere Tastaturbefehle zu Number-Inputs hinzufügen. Kilian Valkhof erklärt, wie er Auf- und Ab-Pfeile zu einem Number-Input hinzugefügt hat, sowie Modifikatortasten …
Der Accessibility Trick besteht darin, <input type="range"> zu verwenden und ihn mit CSS in Form zu bringen, anstatt aufzugeben und ihn mit divs oder so neu zu erstellen und später die Barrierefreiheit zu vergessen.
Das cleverste Beispiel verwendet einen schrägen linear-gradient-Hintergrund, der …
Hier ist eine einfache, praktische Möglichkeit, die Leistung von Apps auf Mobilgeräten zu verbessern: Konfigurieren Sie HTML-Eingabefelder immer mit den richtigen Attributen `type`, `inputmode` und `autocomplete`. Obwohl diese drei Attribute oft isoliert diskutiert werden, machen sie die ...
Standardmäßig ändern sich <input>- und <textarea>-Elemente nicht entsprechend dem Inhalt, den sie enthalten. Tatsächlich gibt es keine einfache HTML- oder CSS-Möglichkeit, dies zu erreichen. Ziemlich witzig, da dies ein vernünftiger Anwendungsfall zu sein scheint. Aber …
Heutzutage ist es durchaus möglich, benutzerdefinierte Checkboxen, Radiobuttons und Kippschalter zu erstellen, während man semantisch und zugänglich bleibt. Wir brauchen nicht einmal eine einzige Zeile JavaScript oder zusätzliche HTML-Elemente! Es ist tatsächlich in letzter Zeit einfacher geworden als es …
