وانەی 38 لە 67

وانەی ٣٨: label لەگەڵ for و id

ناوەڕۆکی ئەم وانەیە

بەشی ١: لەیبڵێکی جیا بەشی ٢: پەیوەندییەکە تێک بدە و چاکی بکەرەوە بەشی ٣: دانانی خانەکە لەناو لەیبڵ یان بەستنەوەیان بە for و id؟

بەشی ١: لەیبڵێکی جیا

لە وانەکانی ٣٣ تا ٣٥، خانەکەمان لەناو <label> دادەنا. ڕێگایەکی تریش هەیە: لەیبڵێکی جیا بنووسین و بە دوو تایبەتمەندی بە خانەکەوە بیبەستینەوە.

ئەمە لەناو <body> بنووسە:

<p>
  <label for="city">شارەکەت</label>
  <input id="city" name="city" type="text">
</p>

بەهای for لەسەر <label> دەبێت هەمان بەهای idـی ئەو خانەیە بێت کە دەمانەوێت پێیەوەی ببەستینەوە. لێرەدا هەردوو بەهاکە cityـن، بۆیە لەیبڵەکە بە خانەکەوە بەستراوەتەوە.

کرتە لەسەر «شارەکەت» بکە. نیشانەی نووسین لەناو خانەکە دەردەکەوێت.

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

بەشی ٢: پەیوەندییەکە تێک بدە و چاکی بکەرەوە

با ببینین ئەگەر بەهاکانی for و id وەک یەک نەبن چی ڕوو دەدات. بەهای for بگۆڕە:

<label for="town">شارەکەت</label>

لاپەڕەکە نوێ بکەرەوە. سەرەتا کرتە لە شوێنێکی دەرەوەی خانەکە بکە، پاشان کرتە لە لەیبڵەکە بکە. ئەم جارە فۆکەس ناچێتە سەر خانەکە.

لەیبڵەکە بە هیچ خانەیەکەوە نەبەستراوەتەوە، چونکە هیچ توخمێک id="town"ـی نییە. بەهای for بگۆڕەوە بۆ city؛ پەیوەندییەکە دووبارە کار دەکات.

بەشی ٣: دانانی خانەکە لەناو لەیبڵ یان بەستنەوەیان بە for و id؟

کەواتە کامیان بەکاربهێنین؟ دانانی <input> لەناو <label> ڕێگایەکی سادەیە. بەڵام هەندێک جار لەیبڵەکە و خانەکە لە بەشە جیاوازەکانی پێکهاتەی لاپەڕەکەدان. ئەو کاتە دەتوانین بە for و id پێکەوە بیانبەستینەوە.

لەبیرت بێت، هەمان بەهای id نابێت لە هەمان لاپەڕەدا دووبارە بێتەوە، وەک لە وانەی ٣٠ بینیمان. name کاری جیاوازی هەیە: ئەو ناوە دیاری دەکات کە بەهای خانەکە لە داتای فۆرمدا لەگەڵیدا دەنێردرێت، وەک لە وانەی ٣٧

هەڵەیەکی باو: بەهایەک بۆ for بنووسیت کە لەگەڵ idـی هیچ خانەیەک یەک نەگرێتەوە. ئەو کاتە لەیبڵەکە بە خانەکەوە نابەسترێتەوە.

هەڵەیەکی باو: وا بزانیت for دەبێت لەگەڵ name یەک بگرێتەوە. پەیوەندییەکە بە id دروست دەبێت، نەک بە name.

پوختە

بۆ بەستنەوەی لەیبڵێکی جیا بە خانەکەوە، for لەسەر <label> و id لەسەر <input> بەکاربهێنە.
بەهاکانی for و id دەبێت بە تەواوی وەک یەک بن.
دانانی خانەکە لەناو <label> و بەستنەوەیان بە for و id هەردووکیان پەیوەندیی نێوان لەیبڵ و خانەکە دروست دەکەن.
id بۆ ناسینەوە و بەستنەوەی توخمەکانە؛ name ئەو ناوەیە کە بەهای خانەکە لە داتای فۆرمدا لەگەڵیدا دەنێردرێت.

ڕاهێنان

١. خانەیەکی دووەم بۆ «نازناوت» زیاد بکە، لەگەڵ لەیبڵ و id و nameـی تایبەت بە خۆی.

٢. کرتە لە هەر لەیبڵێک بکە و دڵنیابەرەوە کە نیشانەی نووسین لەناو خانەی پەیوەندیدار دەردەکەوێت.

٣. بە ئەنقەست بەهای یەک for بگۆڕە، بۆ ئەوەی لەگەڵ idـەکە یەک نەگرێتەوە. کرتە لە لەیبڵەکە بکە و ببینە کە فۆکەس ناچێتە سەر خانەکە. پاشان چاکی بکەرەوە.

نموونە

html

<!doctype html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <title>زانیارییەکانت</title>
  </head>
  <body>
    <h1>زانیارییەکانت</h1>
    <p>
      <label for="city">شارەکەت</label>
      <input id="city" name="city" type="text" />
    </p>
  </body>
</html>

خۆت تاقی بکەرەوە ↗

دەستکاری HTML بکە

ئەنجام

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