HTML hat einen speziellen Eingabetyp für Daten, wie diesen: <input type="date"/>. In unterstützenden Browsern (ziemlich gut) erhalten Benutzer eine Benutzeroberfläche zur Auswahl eines Datums. Super nützlich, besonders da es auf ein verwendbares text… zurückfällt.
Ich denke schon seit einiger Zeit über Ton auf Websites nach.
Wenn wir über die Verwendung von Ton auf Websites sprechen, runzeln die meisten von uns die Stirn und denken an die alten Zeiten, als beim Laden der Website laute Hintergrundmusik abgespielt wurde.
Heute das …
Die CSS-Eigenschaft caret-color ändert die Farbe des Cursors (Caret) in Eingabefeldern, Textbereichen oder eigentlich jedem bearbeitbaren Element, wie z. B.
input,
textarea,
[contenteditable] {
caret-color: red;
}Die Farbe des Carets entspricht im Allgemeinen der color von …
Der :focus-within Pseudo-Selektor in CSS ist etwas ungewöhnlich, aber gut benannt und recht intuitiv. Er wählt ein Element aus, wenn dieses Element Kinder enthält, die :focus haben.
form:focus-within {
background: lightyellow;
}Was funktioniert so…
<!-- this form Wir haben gerade eine großartige Serie von Beiträgen von Chris Ferdinandi zur modernen Formularvalidierung abgeschlossen. Sie beginnt hier. Heutzutage verfügen Browser über eine ganze Reihe integrierter Tools zur Handhabung von Formularvalidierungen, einschließlich HTML-Attributen, die ziemlich viel …
In den letzten Artikeln dieser Reihe haben wir gelernt, wie man eine Handvoll Eingabetypen und Validierungsattribute verwendet, um Formulare nativ zu validieren.
Wir haben gelernt, wie man die Constraint Validation API verwendet, um die native Browser-Validierung zu verbessern …
Im letzten Artikel dieser Reihe haben wir ein leichtgewichtiges Skript (6 KB, 2,7 KB minifiziert) mithilfe der Validity State API erstellt, um die native Formularvalidierung zu verbessern. Es funktioniert in allen modernen Browsern und bietet Unterstützung für IE bis …
In meinem letzten Artikel habe ich Ihnen gezeigt, wie Sie die native Browser-Formularvalidierung durch eine Kombination aus semantischen Eingabetypen (z. B. <input type="email"/>) und Validierungsattributen (wie required und pattern) verwenden.
Obwohl unglaublich einfach und super …
Die meisten JavaScript-Formularvalidierungsbibliotheken sind groß und erfordern oft andere Bibliotheken wie jQuery. Beispielsweise enthält das einbettbare Formular von MailChimp eine 140 KB große Validierungsdatei (minifiziert). Sie enthält die gesamte jQuery-Bibliothek, ein Formularvalidierungs-Plugin eines Drittanbieters und einige benutzerdefinierte MailChimp-…
