पाठ्यनिवेशानां, अनुकूलितचयनस्य, इष्टसञ्चिकानिवेशानां च उभयतः पाठं, बटनं, बटनसमूहं वा योजयित्वा रूपनियन्त्रणानि सहजतया विस्तारयन्तु ।
मूलभूत उदाहरणम्
एकं निवेशस्य उभयतः एकं add-on अथवा बटनं स्थापयन्तु । भवन्तः अपि निवेशस्य उभयतः एकं स्थापयितुं शक्नुवन्ति । <label>
इनपुट् समूहस्य बहिः s स्थापयितुं स्मर्यताम् ।
वेष्टनम्
इनपुट् समूहाः पूर्वनिर्धारितरूपेण मार्गेण लपेटन्ति flex-wrap: wrap
यत् एकस्य इनपुट् समूहस्य अन्तः कस्टम् फॉर्म क्षेत्रसत्यापनं समायोजयितुं शक्यते । भवन्तः एतत् निष्क्रियं कर्तुं शक्नुवन्ति .flex-nowrap
.
आकारीकरणम्
सापेक्षरूपेण रूपाकारवर्गान् .input-group
स्वयमेव योजयन्तु अन्तः सामग्रीः स्वयमेव आकारं परिवर्तयिष्यति-प्रत्येकतत्त्वे रूपनियन्त्रणाकारवर्गाणां पुनरावृत्तिस्य आवश्यकता नास्ति
व्यक्तिगतनिवेशसमूहतत्त्वेषु आकारीकरणं समर्थितं नास्ति ।
चेकबॉक्स एवं रेडियो
पाठस्य स्थाने कस्यापि इनपुट् समूहस्य एडॉन् इत्यस्य अन्तः किमपि चेकबॉक्सं रेडियो विकल्पं वा स्थापयन्तु ।
यदा बहुविधाः <input>
s दृग्गतरूपेण समर्थिताः सन्ति, तदा प्रमाणीकरणशैल्याः केवलं एकेन सह निवेशसमूहानां कृते उपलभ्यन्ते <input>
।
अनेक एडॉन्स
अनेकाः ऐड-ऑन्स् समर्थिताः सन्ति तथा च चेकबॉक्स तथा रेडियो इनपुट् संस्करणैः सह मिश्रितुं शक्यन्ते ।
इनपुट् समूहेषु कस्टम् चयनं तथा कस्टम् सञ्चिका इनपुट् इत्येतयोः समर्थनं भवति । एतेषां ब्राउजर् पूर्वनिर्धारितसंस्करणं समर्थितं नास्ति ।
कस्टम चयन करें
सुलभता
सर्वेषां रूपनियन्त्रणानां समुचितं सुलभं नाम भवतु इति सुनिश्चितं कुर्वन्तु येन तेषां उद्देश्यं सहायकप्रौद्योगिकीनां उपयोक्तृभ्यः प्रसारयितुं शक्यते। एतत् प्राप्तुं सरलतमः उपायः अस्ति यत् एकस्य तत्त्वस्य उपयोगः , अथवा—बटनस्य सन्दर्भे— सामग्रीणां <label>
भागत्वेन पर्याप्तरूपेण वर्णनात्मकं पाठं समावेशयितुं<button>...</button>
यत्र दृश्यमानं <label>
वा समुचितं वा पाठसामग्री समावेशयितुं न शक्यते, तत्र अद्यापि सुलभं नाम प्रदातुं वैकल्पिकमार्गाः सन्ति, यथा:
<label>
.visually-hidden
वर्गस्य उपयोगेन निगूढाः तत्त्वानि
- विद्यमानं तत्त्वं दर्शयन् यत् उपयुज्य लेबलरूपेण कार्यं कर्तुं शक्नोति
aria-labelledby
title
एकं विशेषणं प्रदातुं
- उपयोगेन एकस्मिन् तत्त्वे सुलभं नाम स्पष्टतया सेट् करोति
aria-label
यदि एतेषु कश्चन अपि उपस्थितः नास्ति तर्हि सहायकप्रौद्योगिकयः on and elements placeholder
इत्यस्य सुलभनामस्य fallback इत्यस्य रूपेण विशेषतायाः उपयोगस्य आश्रयं कर्तुं शक्नुवन्ति । अस्मिन् खण्डे उदाहरणानि कतिपयानि सुझातानि, प्रकरणविशिष्टानि उपायानि प्रददति ।<input>
<textarea>
यद्यपि दृग्गतरूपेण गुप्तसामग्री ( .sr-only
, aria-label
, अपि च placeholder
सामग्री, यत् एकवारं प���रपत्रक्षेत्रे सामग्री भवति तदा अन्तर्धानं भवति) इत्यस्य उपयोगेन सहायकप्रौद्योगिकीप्रयोक्तृभ्यः लाभः भविष्यति, तथापि दृश्यमानलेबलपाठस्य अभावः कतिपयेभ्यः उपयोक्तृभ्यः समस्याजनकः भवितुम् अर्हति दृश्यमानस्य लेबलस्य कश्चन रूपः सामान्यतया सर्वोत्तमः उपायः भवति, सुलभतायाः उपयोगितायाश्च कृते ।