په اسانۍ سره د متن، تڼیو، یا د تڼیو ګروپونو په دواړو خواوو کې د متن، دودیز انتخابونو، او دودیز فایل داخلونو اضافه کولو سره د فارم کنټرول پراخ کړئ.
بنسټیز مثال
د ان پټ په دواړو اړخونو کې یو اضافه یا تڼۍ ځای په ځای کړئ. تاسو کولی شئ یو د ان پټ په دواړو خواو کې هم ځای په ځای کړئ. په یاد ولرئ چې د ان پټ <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
منځپانګې، چې کله د فورمې ساحې مینځپانګې ولري له منځه ځي) به د مرستندویه ټیکنالوژۍ کاروونکو ته ګټه ورسوي، د لیبل لیبل متن نشتوالی ممکن د ځینو کاروونکو لپاره ستونزه وي. د لید لیبل ځینې ډولونه عموما د لاسرسي او کارونې لپاره غوره لاره ده.