HTML

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

سوف تتعلم في هذا الدرس كيفية إنشاء inputs حقول يقوم المستخدم فيها بإدخال الوقت والتاريخ داخل عنصر HTML form.

التاريخ

09 يناير 2022

الدروس

48

المستوى

مبتدئ

اللغة

عربي

المشاهدات

2019

المواضيع

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

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

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

يُستخدم زر date input لإدخال أي تاريخ سواءً كان تاريخ اليوم أو تاريخ في الماضي أو تاريخ مستقبلي.

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

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>
معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.