وانەی 41 لە 67

وانەی ٤١: خانەی وشەی نهێنی password

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

ناوەڕۆکی ئەم وانەیە بەشی ١: type="password" (نزیکەی ١ خولەک) بەشی ٢: سەیری ناونیشانەکە بکە (نزیکەی ١ خولەک) بەشی ٣: چی دەکات و چی ناکات؟ (نزیکەی ١ خولەک)

بەشی ١: type="password" (نزیکەی ١ خولەک)

بۆ دروستکردنی خانەی وشەی نهێنی، بەهای type لە <input>ـەکەدا دەگۆڕین بۆ password:
<input id="secret" name="secret" type="password">

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

وێبگەڕ بە شێوەی بنەڕەتی کاراکتەرەکان دەشارێتەوە، بۆ ئەوەی خوێندنەوەیان بۆ کەسێکی تەنیشتت قورستر بێت.

بەشی ٢: سەیری ناونیشانەکە بکە (نزیکەی ١ خولەک)

ئێستا کرتە لە «ناردن» بکە و سەیری دێڕی ناونیشان بکە.
ناونیشانەکە ئەم بەشە پیشان دەدات:
thanks.html?secret=tea123
ئەو وشەیەی لەناو خانەکەدا شاردرابووەوە، ئێستا لە ناونیشانەکەدا بە ئاشکرا دەردەکەوێت. چونکە ئەم فۆرمە method="get" بەکاردەهێنێت، کە داتاکە دەخاتە ناو ناونیشانەکە.
هەر بۆیە نابێت وشەی نهێنی ڕاستەقینە بەم شێوەیە بنێرین. ئەم نموونەیە پیشانمان دەدات کە شاردنەوەی وشەکە لەناو خانەکەدا، بە مانای پاراستنی داتاکە نییە.

بەشی ٣: چی دەکات و چی ناکات؟ (نزیکەی ١ خولەک)

خانەی وشەی نهێنی کاراکتەرەکان لەناو خانەکەدا دەشارێتەوە، بەڵام بە خۆی فۆرمەکە پارێزراو ناکات. پاراستنی وشەی نهێنی پێویستی بە پەیوەندییەکی پارێزراو، وەک HTTPS، و کۆدی گونجاوی سەر سێرڤەر هەیە. ئەمانە بە تەنها بە HTML ئەنجام نادرێن.
هەڵەیەکی باو: وا بزانیت تەنها بە بەکارهێنانی type="password"، فۆرمەکە پارێزراو دەبێت.
پوختە
  • type="password" بە شێوەی بنەڕەتی کاراکتەرە نووسراوەکان لەناو خانەکەدا دەشارێتەوە.
  • ئەم جۆرە خانەیە بە خۆی داتاکە بە شێوەی نهێنی کۆد ناکاتەوە و پارێزراوی ناکات. بە method="get"، وشەکە لە ناونیشانەکەدا دەردەکەوێت.
  • فۆرمی چوونەژوورەوەی پارێزراو پێویستی بە پەیوەندییەکی پارێزراو و کۆدی گونجاوی سەر سێرڤەر هەیە.
  • هەرگیز وشەی نهێنی ڕاستەقینە لە نموونەیەکی تاقیکردنەوەدا مەنووسە.
ڕاهێنان
١. خانەکە بگۆڕە بۆ type="text"، پاشان بیگەڕێنەرەوە بۆ type="password". لە هەر دوو دۆخەکەدا tea123 بنووسە و شێوەی پیشاندانی بەراورد بکە.
٢. فۆرمەکە بنێرە و وشەی تاقیکردنەوەکە لە دێڕی ناونیشاندا بدۆزەرەوە.
٣. لە یەک ڕستەدا ڕوون بکەرەوە بۆچی ئەم فۆرمە بۆ ناردنی وشەی نهێنی ڕاستەقینە پارێزراو نییە.

نموونە

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>
        تەنها وشەیەک بۆ تاقیکردنەوە بەکاربهێنە. هەرگیز وشەی نهێنی ڕاستەقینە لەم
        نموونەیەدا مەنووسە.
      </p>
      <p>
        <label for="secret">وشەی تاقیکردنەوە</label>
        <input id="secret" name="secret" type="password" />
      </p>
      <button type="submit">ناردن</button>
    </form>
  </body>
</html>
خۆت تاقی بکەرەوە ↗

ئەنجام

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