وانەی 6 لە 67

وانەی ٦: تایبەتمەندی (Attribute) چییە؟

ناوەڕۆکی ئەم وانەیە بەشی ١: ناو و بەها(value) بەشی ٢: تایبەتمەندی بێ بەها(value)

بەشی ١: ناو و بەها(value)

لە وانەی ٢دا lang و dirمان زیاد کرد بۆ تاگی <html>. ئەمانە تایبەتمەندی (Attribute)ـن. تایبەتمەندی زانیاری زیادە دەربارەی توخمێک(Element) دەدات.
تایبەتمەندی هەمیشە لەناو تاگی دەستپێکدا دادەنرێت، هەرگیز نابێت لە ناو تاگی کۆتاییدابێت. بە ناو، هێمای یەکسان و بەهایەک دەنووسرێت کە لەنێوان دوو فاریزەدایە.
<html lang="ckb" dir="rtl">

لێرەدا lang ناوی تایبەتمەندییەکەیە، و "ckb" بەهاکەیەتی. ئەم تاگە دوو تایبەتمەندی هەیە، کە بە بۆشایی لێک جیا کراونەتەوە. توخمێک دەتوانێت هەر چەندێک تایبەتمەندی هەبێت کە پێویستیەتی.

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

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

<input type="checkbox">

تایبەتمەندی type بە وێبگەڕ دەڵێت ئەم input جۆرەکەی چییە. بەهاکە لە checkboxـەوە بگۆڕە بۆ text:

<input type="text">

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

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

نموونە

html
<input type="checkbox">
<input type="text">
خۆت تاقی بکەرەوە ↗

ئەنجام

بەشی ٢: تایبەتمەندی بێ بەها(value)

هەندێک تایبەتمەندی دەکرێت بەبێ بەها بنووسرێن. بوونیان خۆی چالاکیان دەکات. پێیان دەڵێین تایبەتمەندی بوولی (Boolean). با دووان تاقی بکەینەوە. checked بۆ چێکبۆکسەکە زیاد بکە، و disabled بۆ دوگمەکە:
<label><input type="checkbox" checked> بە شەکر</label>
<button disabled>داواکردن</button>

checked وا دەکات چێکبۆکسەکە هەڵبژێردراو دەست پێبکات.

 disabled دوگمەکە ناچالاک دەکات. تایبەتمەندییەکە لابەرە، کاریگەرییەکەشی دەڕوات.

هەڵەیەکی باو: disabled="false" بنووسیت و چاوەڕێی کارکردنی دوگمەکە بیت. هەر ناچالاک دەمێنێتەوە، چونکە بوونی تایبەتمەندییەکە گرنگە. بۆ کوژاندنەوەی، تایبەتمەندییەکە لابەرە.
هەڵەیەکی باو: ناوی تایبەتمەندییەک بە هەڵە بنووسیت، وەک chekced. وێبگەڕ هیچ هەڵەیەک نیشان نادات. تەنها فەرامۆشی دەکات، و هیچ ڕوو نادات.
پوختە:
  • تایبەتمەندی زانیاری زیادە بە توخمێک دەدات.
  • لەناو تاگی دەستپێکدا دادەنرێت، بە ناو و بەهایەک لەنێوان فاریزە: lang="ckb".
  • گۆڕینی بەهای تایبەتمەندییەک دەتوانێت ئەوەی توخمەکە دەیکات بگۆڕێت: type="checkbox" یان type="text".
  • هەندێک تایبەتمەندی، کە پێیان دەگوترێت بوولی، دەکرێت بەبێ بەها بنووسرێن. بوونیان چالاکیان دەکات: checked، disabled.
  • بۆ کوژاندنەوەی تایبەتمەندییەکی بوولی، لایبەرە. disabled="false" کار ناکات.
  • تایبەتمەندییەکی بە هەڵە نووسراو بێدەنگانە فەرامۆش دەکرێت.
ڕاهێنان:
١. type="checkbox" بگۆڕە بۆ type="radio"، و ببینە چی دەگۆڕێت. پاشان بیگەڕێنەرەوە. 
٢. چێکبۆکسێکی دووەم زیاد بکە، «بە شیر»، و وا بکە هەڵبژێردراو دەست پێبکات.
 ٣. disabled لە دوگمەکە لابەرە بۆ ئەوەی کار بکات. 
٤. بە ئەنقەست ناوی تایبەتمەندییەک بە هەڵە بنووسە، و ببینە هیچ ڕوو نادات. پاشان چاکی بکەرەوە.
کۆدی کۆتایی:

نموونە

html
<!DOCTYPE html>
<html lang="ckb" dir="rtl">
  <head>
    <meta charset="UTF-8">
    <title>تایبەتمەندییەکان</title>
  </head>
  <body>
    <h1>داواکاری چا</h1>
    <label><input type="checkbox"> بە شەکر</label>
    <button>داواکردن</button>
  </body>
</html>
خۆت تاقی بکەرەوە ↗

ئەنجام

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