in English
گروپی هاتنە ژوورەوە
بە ئاسانی کۆنتڕۆڵەکانی فۆڕم درێژ بکەرەوە بە زیادکردنی دەق، دوگمە، یان گروپی دوگمە لە هەر لایەکی هاتنەژوورەوەی دەقی، هەڵبژاردنی تایبەتمەند و هاتنەژوورەوەی پەڕگەی تایبەتمەند.
نموونەی بنەڕەتی
یەک زیادکردن یان دوگمە لە هەردوو لای ئینپوتێک دابنێ. هەروەها دەتوانیت یەکێکیان لە هەردوو لای ئینپوتێک دابنێیت. لەبیرت بێت <label>
s لە دەرەوەی گروپی هاتنە ژوورەوە دابنێیت.
پێچان
گروپەکانی هاتنەژوورەوە بە شێوازی پێشوەختە flex-wrap: wrap
لە ڕێگەیەوە دەپێچنەوە بۆ ئەوەی جێگەی ڕەچاوکردنی مەیدانی فۆڕمی تایبەتمەند لە ناو گروپێکی هاتنەژوورەوەدا بگرێتەوە. لەوانەیە ئەمە بە .flex-nowrap
.
قەبارەدانان
پۆلەکانی قەبارەدانانی فۆڕمی ڕێژەیی زیاد بکە بۆ .input-group
خۆی و ناوەڕۆکەکانی ناوەوە بە شێوەیەکی ئۆتۆماتیکی قەبارەیان دەگۆڕێت- پێویست بە دووبارەکردنەوەی پۆلەکانی قەبارەی کۆنترۆڵی فۆڕم لەسەر هەر توخمێک ناکات.
قەبارەدانان لەسەر توخمەکانی گروپی چوونەژوورەوەی تاکەکەسی پشتگیری ناکرێت.
بۆکسەکانی هەڵبژاردن و ڕادیۆکان
هەر سندوقێکی هەڵبژاردن یان هەڵبژاردەیەکی ڕادیۆیی لەناو زیادکردنی گروپێکی چوونەژوورەوەدا دابنێ لەبری دەق.
لە کاتێکدا کە چەندین <input>
s بە شێوەی بینراو پشتگیری دەکرێن، شێوازەکانی چەسپاندن تەنیا بۆ گروپەکانی چوونەژوورەوە بەردەستە کە یەک <input>
.
چەندین زیادکردن
چەندین زیادکراو پشتگیری دەکرێن و دەتوانرێت لەگەڵ بۆکسی هەڵبژاردن و وەشانی هاتنە ژوورەوەی ڕادیۆ تێکەڵ بکرێت.
گروپەکانی هاتنەژوورەوە پشتگیری بۆ هەڵبژاردنی تایبەت و هاتنەژوورەوەی پەڕگەی تایبەتمەند لەخۆدەگرن. وەشانی پێشوەختەی وێبگەڕی ئەمانە پشتگیری ناکرێت.
هەڵبژاردنی تایبەت
دەستڕاگەیشتن
دڵنیابە لەوەی کە هەموو کۆنتڕۆڵەکانی فۆڕم ناوێکی گونجاوی دەستڕاگەیشتنیان هەیە بۆ ئەوەی ئامانجەکەیان بگەیەنرێتە بەکارهێنەرانی تەکنەلۆژیا یارمەتیدەرەکان. سادەترین ڕێگە بۆ بەدەستهێنانی ئەمە ئەوەیە کە <label>
توخمێک بەکاربهێنیت، یان- لە حاڵەتی دوگمەکاندا- دەقی وەسفکەری تەواو وەک بەشێک لە <button>...</button>
ناوەڕۆکەکە لەخۆبگریت.
بۆ ئەو بارودۆخانە کە ناتوانرێت <label>
ناوەڕۆکێکی دەقی بینراو یان گونجاو لەخۆ بگرێت، ڕێگەی بەدیل هەیە بۆ ئەوەی هێشتا ناوێکی دەستڕاگەیشتن دابین بکەیت، وەک:
<label>
توخمەکان کە بە بەکارهێنانی .visually-hidden
پۆلەکە شاراوەن
- ئاماژەدان بە توخمێکی هەبوو کە دەتوانێت وەک ناوێک کار بکات بە بەکارهێنانی
aria-labelledby
- دابینکردنی
title
تایبەتمەندییەک
- بە ڕوونی ناوی دەستڕاگەیشتن لەسەر توخمێک دابنێ بە بەکارهێنانی
aria-label
ئەگەر هیچ کام لەمانە ئامادە نەبن، تەکنەلۆژیا یارمەتیدەرەکان لەوانەیە پەنا بۆ بەکارهێنانی placeholder
تایبەتمەندییەکە وەک پاشەکشەیەک بۆ ناوی دەستڕاگەیشتن لەسەر <input>
و <textarea>
توخمەکان ببەن. نموونەکانی ئەم بەشە چەند رێبازێکی پێشنیارکراوی تایبەت بە کەیسەکان دەخەنە ڕوو.
لە کاتێکدا بەکارهێنانی ناوەڕۆکی شاراوەی بینراو ( .sr-only
, aria-label
, و تەنانەت placeholder
ناوەڕۆک، کە کاتێک مەیدانێکی فۆڕم ناوەڕۆکی هەبێت نامێنێت) سوود بە بەکارهێنەرانی تەکنەلۆژیای یارمەتیدەر دەگەیەنێت، کەمی دەقی ناوی بینراو ڕەنگە هێشتا کێشەدار بێت بۆ هەندێک بەکارهێنەر. هەندێک جۆری ناوی بینراو بەگشتی باشترین ڕێگایە، چ بۆ دەستڕاگەیشتن و چ بۆ بەکارهێنان.