Untersuchung Verschiedener Eingabetypen in HTML
HTML bietet viele <input>-Typen, mit denen verschiedene Arten von Benutzerdaten erfasst werden können. Nachfolgend eine Übersicht der gebräuchlichsten Typen.
E-Mail und Passwort
type="email": akzeptiert E-Mail-Adressen und führt eine grundlegende Browser-Validierung durch;type="password": verbirgt die eingegebenen Zeichen zur Sicherheit und kann mitminlengthundmaxlengthverwendet werden.
index.html
Zahl
type="number": akzeptiert numerische Werte. Verwenden Sie min, max und step, um den erlaubten Bereich zu steuern.
index.html
Telefon
type="tel": für Telefonnummern. Keine integrierte Validierung. Die Validierung erfolgt durch Entwickler manuell.
index.html
Kontrollkästchen
type="checkbox": ermöglicht die Auswahl mehrerer Optionen. Verwenden Sie checked, um eine Vorauswahl zu treffen.
index.html
Radio
type="radio": Auswahl einer Option aus einer Gruppe. Alle Radio-Buttons müssen denselben name-Wert besitzen.
index.html
Bereichsregler
type="range": Schieberegler zur Auswahl einer Zahl innerhalb eines Bereichs. JavaScript-Logik wird in diesem Kurs ausgelassen.
index.html
index.js
JavaScript-Logik wird in diesem Kurs ausgelassen.
Datum und Uhrzeit
type="date": Kalenderauswahl;type="time": Zeitauswahl;type="datetime-local": kombiniert Zeit- und Datumseingabe.
index.html
Für einheitliches Styling verwenden Entwickler häufig vorgefertigte UI-Bibliotheken anstelle der standardmäßigen Browser-Auswahlfelder.
Möglicherweise ist Ihnen aufgefallen, dass der Browser bei bestimmten Feldern bereits einige Auto-Ausfülloptionen vorschlägt. Der Browser merkt sich die von Ihnen eingegebenen Werte in Feldern und schlägt diese anschließend zur automatischen Vervollständigung vor.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you give examples of how to use each input type in HTML?
What are some best practices for validating user input with these types?
How do I style these input types with CSS?
Großartig!
Completion Rate verbessert auf 2.38Untersuchung Verschiedener Eingabetypen in HTML
Swipe um das Menü anzuzeigen
HTML bietet viele <input>-Typen, mit denen verschiedene Arten von Benutzerdaten erfasst werden können. Nachfolgend eine Übersicht der gebräuchlichsten Typen.
E-Mail und Passwort
type="email": akzeptiert E-Mail-Adressen und führt eine grundlegende Browser-Validierung durch;type="password": verbirgt die eingegebenen Zeichen zur Sicherheit und kann mitminlengthundmaxlengthverwendet werden.
index.html
Zahl
type="number": akzeptiert numerische Werte. Verwenden Sie min, max und step, um den erlaubten Bereich zu steuern.
index.html
Telefon
type="tel": für Telefonnummern. Keine integrierte Validierung. Die Validierung erfolgt durch Entwickler manuell.
index.html
Kontrollkästchen
type="checkbox": ermöglicht die Auswahl mehrerer Optionen. Verwenden Sie checked, um eine Vorauswahl zu treffen.
index.html
Radio
type="radio": Auswahl einer Option aus einer Gruppe. Alle Radio-Buttons müssen denselben name-Wert besitzen.
index.html
Bereichsregler
type="range": Schieberegler zur Auswahl einer Zahl innerhalb eines Bereichs. JavaScript-Logik wird in diesem Kurs ausgelassen.
index.html
index.js
JavaScript-Logik wird in diesem Kurs ausgelassen.
Datum und Uhrzeit
type="date": Kalenderauswahl;type="time": Zeitauswahl;type="datetime-local": kombiniert Zeit- und Datumseingabe.
index.html
Für einheitliches Styling verwenden Entwickler häufig vorgefertigte UI-Bibliotheken anstelle der standardmäßigen Browser-Auswahlfelder.
Möglicherweise ist Ihnen aufgefallen, dass der Browser bei bestimmten Feldern bereits einige Auto-Ausfülloptionen vorschlägt. Der Browser merkt sich die von Ihnen eingegebenen Werte in Feldern und schlägt diese anschließend zur automatischen Vervollständigung vor.
Danke für Ihr Feedback!
