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.
Das Folgende ist die Syntax für die Verwendung von Eingabetypfeldern und Datumsfeldern in HTML.
<input type="date" id="date" name="date">
Das Folgende ist ein Beispielprogramm, das Eingabetypfelder und Datumsfelder in HTML verwendet.
Jetzt können wir ein Datum aus der Datumsauswahl auswählen.
Wir können auch Bereiche von Eingabefeldern erstellen, indem wir Max- und Min-Attribute sowie Datumsattribute verwenden.
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">
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. < /p>
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.
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>
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!
Der Unterschied zwischen recv und recvfrom
Der Unterschied zwischen statischen Webseiten und dynamischen Webseiten
ASUS Laptop-Kühlung
locallapstore
So erstellen Sie einen neuen Ordner in Pycharm
Welche Verzeichnissuchmaschinen gibt es?
Verwendung der Parseint-Funktion
Fünf Gründe, warum sich Ihr Computer nicht einschalten lässt
