From 08812d4acf224959635f55714aa799bcb5658c30 Mon Sep 17 00:00:00 2001
From: codersjj <shanewestlife@outlook.com>
Date: Fri, 24 Jan 2025 14:15:31 +0800
Subject: [PATCH] Add date input type for html5_input_types page

---
 .../extensions/forms/html5_input_types/index.md    | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/files/en-us/learn_web_development/extensions/forms/html5_input_types/index.md b/files/en-us/learn_web_development/extensions/forms/html5_input_types/index.md
index b16bc84e6d8eb08..c7999df44eb2f1f 100644
--- a/files/en-us/learn_web_development/extensions/forms/html5_input_types/index.md
+++ b/files/en-us/learn_web_development/extensions/forms/html5_input_types/index.md
@@ -264,6 +264,20 @@ input:valid + span:after {
 
 Let's look at the different available types in brief. Note that the usage of these types is quite complex, especially considering browser support (see below); to find out the full details, follow the links below to the reference pages for each type, including detailed examples.
 
+### `date`
+
+[`<input type="date">`](/en-US/docs/Web/HTML/Element/input/date) creates a widget to display and pick a date (year, month, and day, with no time).
+
+```html hidden
+<label for="date">Enter the date:</label><br />
+```
+
+```html
+<input type="date" name="date" id="date" />
+```
+
+{{EmbedLiveSample('date','100%','50')}}
+
 ### `datetime-local`
 
 [`<input type="datetime-local">`](/en-US/docs/Web/HTML/Element/input/datetime-local) creates a widget to display and pick a date with time with no specific time zone information.