in English
كىرگۈزۈش گۇرۇپپىسى
تېكىست كىرگۈزۈش ، ئىختىيارى تاللاش ۋە ئىختىيارى ھۆججەت كىرگۈزۈشنىڭ ئىككى تەرىپىگە تېكىست ، كۇنۇپكا ياكى كۇنۇپكا گۇرۇپپىسى قوشۇش ئارقىلىق جەدۋەل كونتروللۇقىنى ئاسان كېڭەيتىڭ.
ئاساسلىق مىسال
كىرگۈزۈشنىڭ ئىككى تەرىپىگە بىر قىستۇرما ياكى كۇنۇپكا قويۇڭ. كىرگۈزۈشنىڭ ئىككى تەرىپىگە بىرنى قويسىڭىزمۇ بولىدۇ. <label>
S نى كىرگۈزۈش گۇرۇپپىسىنىڭ سىرتىغا قويۇشنى ئۇنتۇپ قالماڭ .
ئوراش
flex-wrap: wrap
كىرگۈزۈش گۇرۇپپىلىرى كىرگۈزۈش گۇرۇپپىسىنىڭ ئىختىيارى جەدۋەل دەلىللىشىگە ماسلىشىش ئۈچۈن سۈكۈتتىكى ھالەتتە ئورايدۇ . بۇنى چەكلىشىڭىز مۇمكىن .flex-nowrap
.
Sizing
ئۆزىگە مۇناسىۋەتلىك جەدۋەل چوڭلۇقتىكى دەرسلەرنى قوشسىڭىز ، .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
بىر جەدۋەلنىڭ مەزمۇنى بولغاندىن كېيىن يوقىلىدىغان مەزمۇن) ياردەمچى تېخنىكا ئىشلەتكۈچىلەرگە نەپ يەتكۈزۈش بىلەن بىر ۋاقىتتا ، كۆرۈنگەن بەلگە تېكىستىنىڭ كەملىكى بەزى ئىشلەتكۈچىلەر ئۈچۈن يەنىلا مەسىلە بولۇشى مۇمكىن. كۆرۈنۈش شەكلىدىكى بەزى شەكىللەر ئادەتتە ئىشلىتىشچانلىقى ۋە ئىشلىتىشچانلىقى ئۈچۈن ئەڭ ياخشى ئۇسۇل.