Heim > Artikel > Web-Frontend > Wie verwende ich Eingabetypfelder und Datumsfelder in HTML?
Wie verwende ich Eingabetypfelder und Datumsfelder in HTML?
- WBOYnach vorne
- 2023-09-08 19:53:021249Durchsuche
In diesem Artikel verwenden wir das Eingabetypfeld mit dem Datumsfeld in HTML.
Wir verwenden type="date" im -Element, um ein Eingabefeld zu erstellen, das es dem Benutzer ermöglicht, ein Datum einzugeben, entweder über ein Textfeld, das die Eingabe validiert, oder über eine spezielle Datumsauswahlschnittstelle.
Der Wert umfasst Jahr, Monat und Tag.
Grammatik
Das Folgende ist die Syntax für die Verwendung von Eingabetypfeldern und Datumsfeldern in HTML.
<input type="date" id="date" name="date">
Beispiel
Das Folgende ist ein Beispielprogramm, das Eingabetypfelder und Datumsfelder in HTML verwendet.
Jetzt können wir ein Datum aus der Datumsauswahl auswählen.
Datum zum Eingabefeld mit Bereich hinzufügen
Wir können auch Bereiche von Eingabefeldern erstellen, indem wir Max- und Min-Attribute sowie Datumsattribute verwenden.
Grammatik
Hier ist die Syntax zum Erstellen eines Eingabefeldbereichs mit Max- und Min-Attributen und Datumsattributen.
<input type="date" name="party" min="2022-06-10" max="2024-04-30">
Beispiel
Das Folgende ist ein Beispielprogramm zum Erstellen eines Eingabefeldbereichs mit Max- und Min-Attributen und Datumsattributen.
<!DOCTYPE html>
<html>
<body>
<form >
<label for="birthday">Date:</label>
<input type="date" name="party" min="2022-06-01" max="2022-07-30">
<input type="submit">
</form>
</body>
</html>
Wir können sehen, dass bei der Datumsauswahl alle anderen Werte deaktiviert sind. und erstellt den Bereich, den wir im obigen Beispiel angegeben haben.
Im obigen Beispielprogramm setzen wir min="2022-06-01" und max="2022-07-30". So kann die Datumsauswahl Daten aus dem Mindest- und Höchstbereich auswählen.
Datumsattribut als Pflichtfeld
Wir können auch das erforderliche Attribut des Eingabefelds verwenden, um das Ausfüllen des Datums zu erzwingen. Wenn wir versuchen, ein leeres Datumsfeld zu übermitteln, wird eine Fehlermeldung angezeigt.
Grammatik
Die folgende Syntax verwendet das erforderliche Attribut des Eingabefelds, um das Ausfüllen des Datums zu erzwingen.
<input type="date" name="party" min="2022-06-10" max="2024-04-30" required>
Beispiel
Das folgende Beispiel verwendet das erforderliche Attribut eines Eingabefelds, um das Ausfüllen eines Datums zu erzwingen.
<!DOCTYPE html>
<html>
<body>
<form >
<label for="birthday">Date:</label>
<input type="date" name="party" min="2022-06-01" max="2022-07-30" required>
<input type="submit">
</form>
</body>
</html>
Wenn wir versuchen, ein leeres Datum in das Eingabefeld einzugeben, wird eine Fehlermeldung angezeigt.
Das obige ist der detaillierte Inhalt vonWie verwende ich Eingabetypfelder und Datumsfelder in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!