Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
inputs

17 Artikel
{
,

}
Direkter Link zum Artikel "Multi-Thumb-Slider: Spezieller Zwei-Thumb-Fall"
css variablen custom properties inputs slider

Multi-Thumb-Slider: Spezieller Zwei-Thumb-Fall

Dies ist ein Konzept, auf das ich vor einigen Jahren gestoßen bin, als Lea Verou einen Artikel darüber schrieb. Multi-Range-Slider wurden leider seitdem aus dem Standard entfernt, aber etwas anderes, das in der Zwischenzeit passiert ist, ist...

Avatar of Ana Tudor
Ana Tudor am 9. Jan 2020
Direkter Link zum Artikel: Datalist dient zur Vorschlag von Werten, ohne diese zu erzwingen
datalist Formulare Eingaben

Datalist dient zur Vorschlag von Werten, ohne diese zu erzwingen

Hattest du jemals ein Formular, das eine kurze, beliebige Texteingabe akzeptieren musste? Wie einen Namen oder so. Genau dafür ist <input type="text"/> da. Es gibt viele verschiedene Eingabetypen (und Modi!), und die Wahl...

Avatar of Chris Coyier
Chris Coyier am 26. Juli 2019
Direkter Link zum Artikel Color Inputs: A Deep Dive into Cross-Browser Differences
CSS Inputs

Color Inputs: Ein tiefer Einblick in browserübergreifende Unterschiede

In diesem Artikel werfen wir einen Blick auf die Struktur von <input type='color'/> Elementen, browserseitige Inkonsistenzen, warum sie in bestimmten Browsern so aussehen, wie sie aussehen, und wie man dem auf den Grund geht. Ein gutes Verständnis dieses Inputs...

Avatar of Ana Tudor
Ana Tudor am 16. Feb 2020
Direkter Link zum Artikel Alles, was Sie jemals über inputmode wissen wollten
Formulare HTML inputmode Inputs

Alles, was Sie jemals über inputmode wissen wollten

Das globale Attribut inputmode gibt Browsern auf Geräten mit Bildschirmtastaturen einen Hinweis, welche Tastatur angezeigt werden soll, wenn ein Benutzer ein input- oder textarea-Element ausgewählt hat.

<input type="text" inputmode="" /<textarea inputmode="" /

Im Gegensatz zu …

Avatar of Christian Oliff
Christian Oliff am 27. Apr. 2020
Direkter Link zum Artikel: Sie brauchen wahrscheinlich kein input type="number"
Formulare Eingabefelder

Sie brauchen wahrscheinlich kein input type="number"

Brad Frost schrieb über eine aktuelle Erfahrung mit einer Website, die <input type="number"/> verwendete.

Letzte Woche erhielt ich einen Anruf von meiner Bank bezüglich einer gerade getätigten Überweisung. Der Kundendienstmitarbeiter ließ mich alles wiederholen.

…
Avatar of Robin Rendle
Robin Rendle am 29. März 2019
Direkter Link zum Artikel Verwenden Sie das Platzhalterattribut nicht
Eingaben Platzhalter

Verwenden Sie das Platzhalterattribut nicht

Eric Bailey vertritt eine harte Haltung zu <input placeholder>.

Sie denken vielleicht, wie ich: *Ja, ja, ich kenne die Fallstricke. Ich kann Platzhalter verantwortungsbewusst verwenden.* Aber wenn man sich all die Nachteile zusammen ansieht

  • Kann nicht sein
…
Avatar of Chris Coyier
Chris Coyier am 22. Juni 2018
Direkter Link zum Artikel Datalists for Different Input Types
datalist Formulare Eingaben

Datalists für verschiedene Eingabetypen

Ich habe neulich eine HTML5-Datums-Eingabe gesehen, die den Dropdown-Pfeil auf der rechten Seite hatte, den ich gewohnt bin, anzuklicken, um einen Kalender-Datepicker anzuzeigen, aus dem ich ein Datum auswählen kann.

Normalerweise sieht das so aus: …

Avatar of Chris Coyier
Chris Coyier am 26. Apr. 2020
Direkter Link zum Artikel :read-write / :read-only
:read-only :read-write inputs

:read-write / :read-only

Die Selektoren :read-write und :read-only sind zwei Mutabilitäts-Pseudoklassen, die darauf abzielen, das Styling von Formularen basierend auf den HTML-Attributen disabled, readonly und contenteditable zu vereinfachen. Obwohl die Browserunterstützung nicht schlecht ist, sind die verschiedenen Implementierungen recht eigenwillig.

Laut ...

Avatar of Chris Coyier
Chris Coyier am 17. Juni 2024
  • Neuer
  • 1
  • 2

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .