HTML Form Date and Time Inputs
حقول التاريخ والوقت مع HTML Form
سوف تتعلم في هذا الدرس كيفية إنشاء inputs حقول يقوم المستخدم فيها بإدخال الوقت والتاريخ داخل عنصر HTML form.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
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>
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
