Sourceكىرگۈزۈش گۇرۇپپىسى
تېكىست كىرگۈزۈش ، ئىختىيارى تاللاش ۋە ئىختىيارى ھۆججەت كىرگۈزۈشنىڭ ئىككى تەرىپىگە تېكىست ، كۇنۇپكا ياكى كۇنۇپكا گۇرۇپپىسى قوشۇش ئارقىلىق جەدۋەل كونتروللۇقىنى ئاسان كېڭەيتىڭ.
ئاساسلىق مىسال
كىرگۈزۈشنىڭ ئىككى تەرىپىگە بىر قىستۇرما ياكى كۇنۇپكا قويۇڭ. كىرگۈزۈشنىڭ ئىككى تەرىپىگە بىرنى قويسىڭىزمۇ بولىدۇ. <label>
S نى كىرگۈزۈش گۇرۇپپىسىنىڭ سىرتىغا قويۇشنى ئۇنتۇپ قالماڭ .
ئوراش
flex-wrap: wrap
كىرگۈزۈش گۇرۇپپىلىرى كىرگۈزۈش گۇرۇپپىسىنىڭ ئىختىيارى جەدۋەل دەلىللىشىگە ماسلىشىش ئۈچۈن سۈكۈتتىكى ھالەتتە ئورايدۇ . بۇنى چەكلىشىڭىز مۇمكىن .flex-nowrap
.
Sizing
ئۆزىگە مۇناسىۋەتلىك جەدۋەل چوڭلۇقتىكى دەرسلەرنى قوشسىڭىز ، .input-group
ئىچىدىكى مەزمۇنلار ئاپتوماتىك چوڭايتىلىدۇ - ھەر بىر ئېلېمېنتتا جەدۋەل كونترول چوڭلۇقى سىنىپىنى تەكرارلاشنىڭ ھاجىتى يوق.
يەككە كىرگۈزۈش گۇرۇپپىسىنىڭ ئېلېمېنتلىرىنى چوڭايتىشنى قوللىمايدۇ.
تەكشۈرۈش رامكىسى ۋە رادىئو
ھەر قانداق تاللاش رامكىسى ياكى رادىئو تاللانمىسىنى تېكىستنىڭ ئورنىغا كىرگۈزۈش گۇرۇپپىسىنىڭ قوشۇش دائىرىسىگە قويۇڭ.
كۆپ <input>
s كۆرۈنۈشتە قوللايدىغان بولسىمۇ ، دەلىللەش ئۇسلۇبى پەقەت بىرلا گۇرۇپپا كىرگۈزۈش گۇرۇپپىلىرىغىلا ئىشلىتىلىدۇ <input>
.
كۆپ خۇمار
كۆپ خىل قوشۇمچە دېتاللارنى قوللايدۇ ، تەكشۈرۈش ساندۇقى ۋە رادىئو كىرگۈزۈش نۇسخىسى بىلەن ئارىلاشتۇرغىلى بولىدۇ.
كىرگۈزۈش گۇرۇپپىلىرى ئىختىيارى تاللاش ۋە ئىختىيارى ھۆججەت كىرگۈزۈشنى قوللايدۇ. بۇلارنىڭ توركۆرگۈ سۈكۈتتىكى نەشرىنى قوللىمايدۇ.
ئىختىيارى تاللاش
قولايلىق
ئەگەر ھەر بىر كىرگۈزۈش بەلگىسىنى ئۆز ئىچىگە ئالمىسىڭىز ، ئېكران ئوقۇرمەنلىرى جەدۋەللىرىڭىزدە ئاۋارىچىلىققا ئۇچرايدۇ. بۇ كىرگۈزۈش گۇرۇپپىلىرىغا قوشۇمچە بەلگە ياكى ئىقتىدارلارنىڭ ياردەمچى تېخنىكىلارغا يەتكۈزۈلۈشىگە كاپالەتلىك قىلىڭ.
ئىشلىتىشكە بولىدىغان كونكرېت تېخنىكا ( سىنىپنى <label>
ئىشلىتىپ يوشۇرۇن ئېلېمېنتلار ياكى خاسلىق ۋە خاسلىقلارنى ئىشلىتىش بىلەن بىرلەشتۈرۈلۈشى مۇمكىن ) ۋە قانداق قوشۇمچە ئۇچۇرلارنى يەتكۈزۈشكە ئېھتىياجلىق ئىكەنلىكىڭىز سىز ئىجرا قىلىۋاتقان كۆرۈنمە يۈزى كىچىك قورالىنىڭ ئوخشىماسلىقىغا ئاساسەن ئوخشاش بولمايدۇ. بۇ بۆلەكتىكى مىساللار بىر قانچە تەۋسىيە قىلىنغان ، دېلوغا مۇناسىۋەتلىك ئۇسۇللارنى تەمىنلەيدۇ..sr-only
aria-label
aria-labelledby
aria-describedby