Heim >Web-Frontend >HTML-Tutorial >Datum in HTML
Datum in HTML
- 王林Original
- 2024-09-04 16:45:13730Durchsuche
Wir haben einige Felder, die wir in HTML mit Webformularen schnell finden können, wie z. B. Zeit- und Datumsfelder. Wir haben diese Felder in Buchungssystemen wie Online-Ticketbuchung, Bestellbuchung usw. verwendet. Meistens haben wir das gemeinsame Feld wie „Datum“ in einigen Skriptsprachen wie Javascript mit Datumsauswahlfunktionen verwendet. Es wird hauptsächlich für einen Kalender verwendet, um ein Datum in den Textfeldspalten auszuwählen. In HTML5 haben wir einige spezielle Browser wie Opera und Google Chrome-Versionen ausgewählt, die die Browserbildschirme des Benutzers vollständig unterstützen. Manchmal erkennen Textfelder mit Spalten, die gültige Datums- und Zeitformate enthalten, die HTML5-Version als geeignet.
Syntax:
Wir haben eine Syntax, um den HTML-DTD-Modellen im Allgemeinen zu folgen, damit Webseiten entsprechend den Benutzeranforderungen ordnungsgemäß angezeigt werden.
<html> <body> <input type="date" id="1" name="first" value="yyyy-month-date"> -----some codes--- </body> </html>
Die oben genannten Codes sind die grundlegenden HTML-Codes mit Datumsformatfeldern in Webseiten. Tag ist eines der Tags in HTML, das zum Erstellen von Eingabefeldern wie Benutzereingaben oder benutzerdefinierten Eingaben auf den Webseiten verwendet wird.
Funktionen von Datum in HTML
Der Datumseingabetyp ist das Formularelement; Es ermöglicht dem Benutzer, die Daten vom Benutzerbildschirm mithilfe einer Datumsauswahlimplementierung zu erfassen. Die Verwendung einer Datumsauswahl ist wie bei Browsern Sache des Anbieters, aber HTML5 gibt keinem Anbieter vor, wie die Benutzereingaben auf dem Bildschirm implementiert werden sollen. Wir können das
Zusätzlich können wir Attribute wie ein Step-in-Day-Format einbeziehen, um zu überprüfen, wie ein Datum erhöht werden kann. Der Standardwert ist 1. Wir können auch die Browserunterstützung für die Datumseingabetypen validieren. Ebenso verfügt HTML über einige Funktionen für jedes Tag und Attribut; Something Date verfügt über einige Funktionen für Eingabetypen in HTML.
Eingabefelder
Firefox- und Safari-Browser unterstützen einen Eingabetyp, bei dem es sich um einfachen Text ohne eindeutige Formatierung oder spezielle Interaktionen handelt. In Microsoft verfügen Edge-Browser über keine besonderen Funktionen oder Interaktionen, obwohl das Eingabefeld auf den Browserbildschirmen des Benutzers scheinbar schreibgeschützt formatiert ist. Andere Browser wie Chrome und Opera verfügen möglicherweise über ähnliche Implementierungen, bei denen der Datumsplatzhalterwert basierend auf den Browser- oder Systemeinstellungen des Benutzers angezeigt wird. Dazu können Einstellungen im Zusammenhang mit dem Datumsformat und anderen Systemkonfigurationen gehören.
Anwendungen legen im Allgemeinen einige Steuerelemente für die Benutzer fest, um den Klartextfeldern und einigen anderen Formaten wie Pfeilen das Wechseln zwischen Werten nach oben und unten und die Verwendung eines Pfeils zu ermöglichen, der ausgewählt wird; Es gibt einige andere Web-Engines wie „WebKit-Pseudoselektoren mit Präfix“, mit denen die in den Browserbildschirmen angezeigten Ansichten geändert werden können.
Mindest- und Höchstattribute
Alle Browser unterstützen Eingabetypen wie Datum mit minimalen und maximalen Attributen. Wenn Sie Chrome- und Opera-Browser verwenden, unterstützen Sie den aktivierten Attributsatz. Wenn der Benutzer jedoch Werte nur für ein Attribut festlegt, wird der Front-End-Bildschirm möglicherweise nicht korrekt angezeigt. Diese Browser unterstützen den Datumseingabetyp, indem sie Aufwärts- und Abwärtspfeile verwenden, um die Werte in Textfeldern in Formaten wie T-M-Jahr zu ändern.
Wenn der Benutzer den Cursor auf der Jahresseite markiert und auf die Abwärtspfeile klickt, wechselt das Jahr automatisch zur Werteliste, die im Pfeilzyklus in den Listenfeldern angezeigt wird. Es sind gültige Werte erforderlich und es wurde kein Maximalwert festgelegt. Es wird der Standardwert verwendet. Das Gleiche gilt für die in den Listenfeldern angezeigten Maximalwerte. Wenn wir mobile Anwendungen wie Android verwenden, werden die Werte in der Datumsauswahl geändert.
Datepicker
Es ist einer der wesentlichen Eingabetypen in HTML; Es gibt der Benutzereingabe das Datumsformat. Selbst wenn wir Browser wie Chrome und Opera verwenden, um die Datumsauswahlbedingung auf dem Desktop des Benutzers zu erfüllen, erfüllen Stile wie CSS die Bedingungen nicht. Auf der Webseite sieht es normal aus; Durch die Verwendung einiger CSS-Stilelemente im Dokument werden die Ansichten entsprechend der Benutzerwahrnehmung ausgerichtet und gestaltet. Wir können die Datumsauswahl in Benutzerbrowsern auch deaktivieren; Wenn wir unsere eigenen aktivieren und implementieren möchten, werden wir dies im Web tun, aber für mobile Geräte wird der Zugriff eingeschränkt sein.
Beispiele für Datum in HTML
Im Folgenden finden Sie verschiedene Beispiele für Datum in HTML.
Beispiel #1
Code:
<html> <body> <form action="sample.html"> Dates: <input type="date" name="first"> <input type="submit"> </form> </body> </html>
Ausgabe:
Beispiel #2
Code:
<html>
<head>
<style>
sample {
display: block;
font: 3rem;
}
sample2 {
margin: .7rem 2;
}
</style>
</head>
<body>
<div class="sample">
<label for="first">dates:</label>
<input type="date" id="names" name="first"
value="2020-02-26"
min="2020-01-01" max="2020-12-31">
</div>
</body>
</html>
Ausgabe:
Beispiel #3
Code:
<html>
<body>
<p id="sample"></p>
<script>
var dates = new Date();
document.getElementById("sample").innerHTML = dates;
</script>
</body>
</html>
Ausgabe:
In den ersten beiden Beispielen werden die Beschriftungen und Textfelder zum Anzeigen des Datumsinhalts auf Webseiten verwendet. Im letzten Beispiel werden die Javascript-Funktionen zum automatischen Aufrufen der Datumsfunktionen für das Kassendatum verwendet. Wenn wir andere Stile in Funktionen verwenden, verwenden wir diese zum Hervorheben der Webseiten. Wir verwenden die Datumsfunktion entweder als MM-TT-JJ oder TT-MM-JJ oder als JJ-MM-TT oder JJ-TT-MM in einem von beiden Diese Formate basieren auf den Benutzeranforderungen, wenn wir einige andere Bibliotheken namens JQuery usw. verwenden. Bibliotheken werden sowohl für Benutzerend- (Frontend-) als auch für Backend-Zwecke verwendet.
Fazit
Entwickler verwenden den Typ „Datum“, um bei der Arbeit mit HTML benutzerdefinierte Eingabeelemente zu erstellen. Mit dieser Funktion können Benutzer ein Datum entweder über Textfelder oder eine „Datumsauswahl“-Funktion eingeben. Entwickler müssen das Datumsformat validieren und die Browserkompatibilität sicherstellen, wenn sie Textfelder verwenden. Die Datumsauswahlfunktion erfordert jedoch keine Validierung und kann problemlos in HTML-Code integriert werden.
Das obige ist der detaillierte Inhalt vonDatum in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!