وانەی 50 لە 67

وانەی ٥٠: خانەی ڕێکەوت "بەروار" Date

فایلەکانی دەستپێک: فۆڵدەرێک بە ناوی lesson-50 لەگەڵ index.html و thanks.html. فۆرمەکە:
index.html:
<form action="thanks.html" method="get">
  <h2>مێزێک حیجز بکە</h2>
  <button type="submit">حیجزکردن</button>
</form>

ناوەڕۆکی ئەم وانەیە بەشی ١: هەڵبژاردنی ڕێکەوت بەشی ٢: ڕێکەوتێک هەڵبژێرە و بینێرە بەشی ٣: سنوورەکان

بەشی ١: هەڵبژاردنی ڕێکەوت

لە نووسینی ڕێکەوتدا ئاسانە هەڵە بکەین. سەرەتا ڕۆژ بنووسین، پاشان مانگ و ساڵ، یان بە پێچەوانەوە؟ توخمی <input> بە type="date" ڕێگە بە وێبگەڕ دەدات ساڵنامەیەک بۆ هەڵبژاردنی ڕێکەوت پیشان بدات. یەکێک پێش دوگمەکە زیاد بکە:
<p>
  <label for="visit">ڕێکەوت</label>
  <input id="visit" name="visit" type="date">
</p>

پاشەکەوتی بکە و نوێی بکەرەوە. بە کرتەکردن لە خانەکە یان هێمای ساڵنامەکە، ساڵنامەکە بکەرەوە. شێوە و شێوازی کردنەوەی بەپێی وێبگەڕ و ئامێرەکە دەگۆڕێت.

بەشی ٢: ڕێکەوتێک هەڵبژێرە و بینێرە

ڕێکەوتێک هەڵبژێرە و کرتە لە «حیجزکردن» بکە.
 دێڕی ناونیشان شتێکی وەک thanks.html?visit=2026-12-05 پیشان دەدات.
سەرنج بدە شێوازەکە: ساڵ، مانگ، ڕۆژ. لەوانەیە سەردانیکەر ڕێکەوتەکە بە ڕیزبەندییەکی جیاواز ببینێت، بەپێی ڕێکخستنی زمان و ناوچەی وێبگەڕەکەی. بەڵام ڕێکەوتی هەڵبژێردراو بە شێوازی YYYY-MM-DD دەنێردرێت؛ بۆ نموونە، 2026-10-22 واتە ڕۆژی ٥ی مانگی ١٢ی ساڵی ٢٠٢٦.

بەشی ٣: سنوورەکان

وەک ژمارەکان، بۆ ڕێکەوتەکانیش دەتوانین بە min و max سنوور دیاری بکەین. بەهاکانیان بە هەمان شێوازی ساڵ-مانگ-ڕۆژ دەنووسین.
خانەی ڕێکەوت دەتوانرێت بەتاڵیش بهێڵرێتەوە، مەگەر تایبەتمەندی required زیاد بکەین، کە لە وانەی ٥٤ دەیناسین.
هەڵەیەکی باو: وا بزانیت ڕێکەوتەکە بە هەمان شێواز دەنێردرێت کە لەناو خانەکەدا پیشان دەدرێت.
پوختە
  • type="date" ڕێگە بە وێبگەڕ دەدات ساڵنامەیەک بۆ هەڵبژاردنی ڕێکەوت پیشان بدات.
  • شێوەی ساڵنامەکە بەپێی وێبگەڕ و ئامێرەکە دەگۆڕێت.
  • ڕێکەوتی هەڵبژێردراو بە شێوازی ساڵ-مانگ-ڕۆژ دەنێردرێت، وەک 2026-10-22.
  • min و max سنووری ڕێکەوتە ڕێگەپێدراوەکان دیاری دەکەن، بە هەمان شێواز.
ڕاهێنان
١. دوو ڕێکەوتی جیاواز هەڵبژێرە و هەر جارێک فۆرمەکە بنێرە. ئەوەی لە دێڕی ناونیشاندا دەردەکەوێت بەراورد بکە.
٢. بگەڕێوە بۆ index.html، خانەی ڕێکەوت بەتاڵ بکەرەوە و فۆرمەکە بنێرە. ببینە چی ڕوو دەدات.
٣. ئەگەر وێبگەڕێکی ترت هەیە، لاپەڕەکە تێیدا بکەرەوە و شێوەی ساڵنامەکە بەراورد بکە.

نموونە

html
<!doctype html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <title>فۆڕمی حیجزکردن</title>
  </head>
  <body>
    <form action="thanks.html" method="get">
      <h2>مێزێک حیجز بکە</h2>
      <p>
        <label for="visit">ڕێکەوت</label>
        <input id="visit" name="visit" type="date">
      </p>
      <button type="submit">حیجزکردن</button>
    </form>
  </body>
</html>
خۆت تاقی بکەرەوە ↗

ئەنجام

چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.