وانەی 53 لە 67

وانەی ٥٣: خانەی شاراوە: hidden

فایلەکانی دەستپێک: فۆڵدەرێک بە ناوی lesson-53 لەگەڵ index.html و thanks.html. فۆرمەکە:
index.html:
<form action="thanks.html" method="get">
  <h2>بە هاوڕێیەک بڵێ</h2>
  <p>
    <label for="visitor">ناوی تۆ</label>
    <input id="visitor" name="visitor" type="text">
  </p>
  <button type="submit">ناردن</button>
</form>
ناوەڕۆکی ئەم وانەیە بەشی ١: بەهایەک کە سەردانیکەر ناینووسێت بەشی ٢: بینێرە بەشی ٣: شاراوە واتە نهێنی نییە

بەشی ١: بەهایەک کە سەردانیکەر ناینووسێت

هەندێک جار دەمانەوێت لەگەڵ فۆرمەکە زانیارییەک بنێرین کە سەردانیکەر خۆی ناینووسێت، وەک ناساندنی ئەو لاپەڕەیەی فۆرمەکەی لێ نێردراوە. بۆ ئەوە، توخمی <input> بە type="hidden" بەکاردەهێنین.
ئەم دێڕە لەناو فۆرمەکە، دوای پەرەگرافی ناو و پێش دوگمەی ناردن، زیاد بکە:
<input type="hidden" name="source" value="friend-page">

پاشەکەوتی بکە و نوێی بکەرەوە. هیچ شتێکی نوێ لەسەر لاپەڕەکە دەرناکەوێت.

بەشی ٢: بینێرە

Sara لە خانەی ناودا بنووسە و کرتە لە «ناردن» بکە.
لەسەر شاشە: دێڕی ناونیشان thanks.html?visitor=Sara&source=friend-page پیشان دەدات.
بەهای خانە شاراوەکەش لەگەڵ ئەو ناوەی سەردانکەر نووسیویەتی نێردرا. source ناوی خانەکەیە، و friend-page بەهاکەیە.

بەشی ٣: شاراوە واتە نهێنی نییە

بە method="get"، بەهاکە لە دێڕی ناونیشانیشدا دەردەکەوێت. سەردانیکەر دەتوانێت بە پشکنەر بەهاکە بگۆڕێت؛ بۆیە سێرڤەر نابێت بەبێ پشکنین متمانە بە بەهای خانەی شاراوە بکات. 
بۆیە هەرگیز زانیارییەکی نهێنی، وەک وشەی نهێنی، لە خانەیەکی شاراوەدا دامەنێ بەو مەبەستەی سەردانیکەر نەتوانێت بیبینێت.
هەڵەیەکی باو: وا بزانیت زانیارییەک پارێزراوە، تەنها چونکە لە خانەیەکی شاراوەدای.
پوختە
  • type="hidden" خانەیەک دروست دەکات کە لەسەر لاپەڕەکە پیشان نادرێت، بەڵام بەهاکەی لەگەڵ فۆرمەکە دەنێردرێت.
  • name ناوی خانەکە لە داتای نێردراودا دیاری دەکات، و value بەهاکەی دیاری دەکات.
  • بەهای خانە شاراوەکە لە کۆدەکەدا دەبینرێت و دەکرێت بگۆڕدرێت. بە method="get" لە دێڕی ناونیشانیشدا دەردەکەوێت.
  • خانەی شاراوە ڕێگایەک نییە بۆ پاراستنی زانیاریی نهێنی.
ڕاهێنان
١. خانەیەکی شاراوەی دووەم زیاد بکە، بە name و valueـێکی جیاواز.
٢. فۆرمەکە بنێرە و بەهای هەردوو خانە شاراوەکە لە دێڕی ناونیشاندا بدۆزەرەوە.
٣. بگەڕێوە بۆ 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="visitor">ناوی تۆ</label>
        <input id="visitor" name="visitor" type="text">
      </p>
      <input type="hidden" name="source" value="friend-page">
      <button type="submit">ناردن</button>
    </form>
  </body>
</html>
خۆت تاقی بکەرەوە ↗

ئەنجام

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