وانەی 34 لە 67
وانەی ٣٤: چێکبۆکس (Checkbox)
ناوەڕۆکی ئەم وانەیە
بەشی ١: هەڵبژاردنی بەڵێ یان نەخێر بەشی ٢: کرتە لە لەیبڵەکە بکە بەشی ٣: هەڵبژاردنی سەربەخۆ و checkedبەشی ١: هەڵبژاردنی بەڵێ یان نەخێر
هەندێک جار سەردانیکەر پێویستە بڵێت بەڵێ یان نەخێر. ئایا شەکرت دەوێت لە چاکەتدا؟ بۆ ئەوە، توخمی
<input> بە type="checkbox" بەکاردەهێنین.ئەمە لەناو
<body> بنووسە:<p><label><input type="checkbox"> بە شەکر</label></p>
ئەمە هەمان توخمی <input>ـە کە بۆ خانەی تێکست بەکارمان هێنا. تەنها بەهای type گۆڕاوە.
بەشی ٢: کرتە لە لەیبڵەکە بکە
چونکە خانەی تێکست،
<input>ـەکە لەناو <label>ـدایە. کرتە لەسەر «بە شەکر» بکە؛ خانەکەش نیشانە دەکرێت. بەمە سەردانکەر دەتوانێت لەسەر تێکستەکەش کرتە بکات، نەک تەنها خانە بچووکەکە. ئەمە بە تایبەتی لەسەر مۆبایل یارمەتیدەرە.دەتوانیت کیبۆردیش بەکاربهێنیت. دوگمەی Tab دابگرە تا فۆکەس بگاتە سەر چێکبۆکسەکە، پاشان دوگمەی بۆشایی (Space) دابگرە.
بەشی ٣: هەڵبژاردنی سەربەخۆ و checked
چێکبۆکسێکی دووەم زیاد بکە:
<p><label><input type="checkbox"> بە شیر</label></p>هەر چێکبۆکسێک سەربەخۆیە. سەردانکەر دەتوانێت هەردووکیان نیشانە بکات، تەنها یەکێکیان نیشانە بکات، یان هیچیان نیشانە نەکات.
بۆ ئەوەی چێکبۆکسێک لە سەرەتاوە نیشانەکراو بێت، تایبەتمەندی checked زیاد بکە. تایبەتمەندییەکی بوولییە، وەک ئەوانەی لە وانەی ٦ بینیمان، بۆیە دەتوانین بەبێ بەها بینووسین.
<p><label><input type="checkbox" checked> بە شەکر</label></p>هەڵەیەکی باو: checked="false" بنووسیت و چاوەڕێی ئەوە بیت خانەکە بەبێ نیشانە دەست پێبکات. هەر نیشانەکراو دەست پێدەکات، چونکە بوونی تایبەتمەندییەکەیە کە کاریگەری هەیە.
type="checkbox"خانەیەک دروست دەکات کە سەردانکەر دەتوانێت نیشانەی بکات یان نیشانەکەی لاببات.<input>ـەکە لەناو<label>دابنێ، بۆ ئەوەی کرتەکردن لەسەر تێکستەکەش نیشانەکە زیاد بکات یان لایببات.- هەر چێکبۆکسێک سەربەخۆیە.
- تایبەتمەندی بوولی
checkedوا دەکات خانەکە لە سەرەتاوە نیشانەکراو بێت.
ڕاهێنان
١. چێکبۆکسێکی سێیەم زیاد بکە، «بە لیمۆ».
٢. وا بکە یەکێکیان لە سەرەتاوە نیشانەکراو بێت.
٣. دوگمەکانی Tab و Space بەکاربهێنە بۆ نیشانەکردنی خانەیەک بەبێ ماوس.
نموونە
html<!doctype html>
<html lang="ckb" dir="rtl">
<head>
<meta charset="UTF-8" />
<title>چایخانە</title>
</head>
<body>
<h1>چاکەت</h1>
<p><label><input type="checkbox" checked> بە شەکر</label></p>
<p><label><input type="checkbox"> بە شیر</label></p>
</body>
</html>
خۆت تاقی بکەرەوە ↗
ئەنجام
چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.