Inhaltsverzeichnis
Wenn Sie den oben angegebenen Code ausführen, wird auf der Seite eine Monatskontrolle angezeigt.
Sobald dieses Programm ausgeführt wird, wird „Dezember 1980“ als Standardwert in der Monatssteuerung angezeigt.
Beispiel
Heim Web-Frontend HTML-Tutorial Wie verwende ich den Monatseingabetyp in HTML?

Wie verwende ich den Monatseingabetyp in HTML?

Aug 20, 2023 pm 08:21 PM
html 月份 输入类型

In HTML besteht ein Formular aus verschiedenen Elementen, die bei der Erstellung einer Benutzeroberfläche auf einer Webseite helfen, mit der wir verschiedene Naturelemente erfassen können.

Eines der am häufigsten verwendeten Steuerelemente ist das Monat-Steuerelement, d. h.

Dieses Steuerelement stellt dem Benutzer grundsätzlich ein kalenderähnliches Dropdown-Menü zur Verfügung, aus dem der Benutzer den Monat und das Jahr auswählen oder auswählen kann. Mit dem Steuerelement „Monat“ können Sie ein Datum im Format JJJJ-MM auswählen, wobei JJJJ für das Jahr und MM für den Monat steht. Sehen wir uns ein einfaches Beispiel mit dem

Month

-Steuerelement an. Beispiel

<html>
<body>
   <form name="form1">
      <label for="adm">Date of Admission:</label>
      <input type="month" name="doa">
   </form>
</body>
</html>
Nach dem Login kopieren

Wenn Sie den oben angegebenen Code ausführen, wird auf der Seite eine Monatskontrolle angezeigt.

Wenn Sie auf das Kalendersymbol auf der rechten Seite des Steuerelements klicken, wird der vollständige Monatskalender wie folgt geöffnet: −

Wie verwende ich den Monatseingabetyp in HTML?

Sobald sich das Dropdown-Menü öffnet, können Sie den Monat und das Jahr aus dem Kalender auswählen oder den Monat und das Jahr im Steuerelement eingeben.

Sobald der Monat und das Jahr ausgewählt sind, werden sie als Wert vom Typ „String“ gespeichert.

Lassen Sie uns ein Programm erstellen, um mithilfe von JavaScript den ausgewählten Monat und das ausgewählte Jahr aus dem Steuerelement anzuzeigen.

Beispiel

<html>
<head>
   <title>Admission Form</title>
   <script>
      function display(){
         d=form1.doa.value;
         document.write("<center><b>Date of Admission is "+d 
         +"</b></center>");
      }
   </script>
   <form name="form1">
 	   <label for="adm">Date of Admission:</label>
	   <input type="month" name="doa" onchange="display()">
   </form>
<html>
Nach dem Login kopieren

In diesem Programm haben wir das Tag

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles