القيمة التي تحدد حقل date input هي date لتصبح بهذا الشكل <"input type="date>.
ترتيب القيم بداخل حقل date input من اليسار إلى اليمين هي: الشهر ثم اليوم ثم السنة.

Birthday:

جربها بنفسك

HTML form date input

يُستخدم HTML form date input لاختيار تاريخ محدد.

<form>
  <label for="birthday">Birthday:</label>
  <input type="date" id="birthday">
</form>

جربها بنفسك

</> HTML form datetime-local input
حقل إدخال التاريخ والوقت في HTML form

يُستخدم حقل datetime-local input لإدخال التاريخ والوقت من قبل المستخدمين.

القيمة التي تحدد حقل datetime-localinput هي date لتصبح بهذا الشكل <"input type="datetime-local>.
ترتيب القيم بداخل حقل date input من اليسار إلى اليمين هي: الشهر ثم اليوم ثم السنة ثم الوقت بالساعة ثم الوقت بالدقيقة ثم الوقت بالثانية.

جربها بنفسك

HTML form datetime local input

يُستخدم HTML form datetime local input لاختيار وقت محدّد في تاريخ محدّد.

<form>
  <label for="date">Registeration Date:</label>
  <input type="datetime-local" id="date">
</form>

جربها بنفسك

</> HTML form time input
حقل إدخال التاريخ في HTML form

يُستخدم حقل time input لإدخال الوقت من قبل المستخدمين.

القيمة التي تحدد حقل time input هي time لتصبح بهذا الشكل <"input type="time>.
ترتيب القيم بداخل حقل time input من اليسار إلى اليمين هي: الساعة ثم الدقيقة ثم الثانية.

جربها بنفسك

HTML form time input

يُستخدم حقل time input لإدخال الوقت من قبل المستخدمين.

<form>
  <label for="time">Registeration Time:</label>
  <input type="time" id="time">
</form>

جربها بنفسك

</> HTML form week input
حقل إدخال الأسبوع في HTML form

يُستخدم حقل week input لإدخال رقم وتاريخ الأسبوع داخل HTML form.

القيمة التي تحدد حقل week input هي week لتصبح بهذا الشكل <"input type="week>.
يتم تحديد سبعة أيام داخل التاريخ في HTML form week input.

جربها بنفسك

HTML form week input

يستخدم حقل week input لإدخال رقم وتاريخ الأسبوع داخل HTML form.

<form>
  <label for="week">Select a week:</label>
  <input type="week" id="week" >
</form>

جربها بنفسك

</> HTML form month input
حقل إدخال الشهر في HTML form

يُستخدم حقل month input لإدخال شهر من سنة محدّدة في HTML form.

القيمة التي تحدد حقل month input هي month لتصبح بهذا الشكل <"input type="month>.

Birthday (month and year):

جربها بنفسك

HTML form month input

يستخدم حقل month input لإدخال شهر من سنة محدّدة في HTML form.

<form>
  <label for="bdaymonth">Birthday (month and year):</label>
  <input type="month" id="bdaymonth" name="bdaymonth">
</form>

جربها بنفسك

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

HTML Form Date and Time Inputs
حقول التاريخ والوقت مع HTML Form

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Form Date and Time Inputs HTML