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