ពង្រីកការគ្រប់គ្រងទម្រង់យ៉ាងងាយស្រួលដោយបន្ថែមអត្ថបទ ប៊ូតុង ឬក្រុមប៊ូតុងនៅផ្នែកម្ខាងនៃធាតុបញ្ចូលអត្ថបទ ការជ្រើសរើសផ្ទាល់ខ្លួន និងការបញ្ចូលឯកសារផ្ទាល់ខ្លួន។
ឧទាហរណ៍ជាមូលដ្ឋាន
ដាក់កម្មវិធីបន្ថែមមួយ ឬប៊ូតុងមួយនៅផ្នែកម្ខាងនៃធាតុបញ្ចូល។ អ្នកក៏អាចដាក់មួយនៅលើផ្នែកទាំងពីរនៃការបញ្ចូលមួយ។ ចងចាំថាត្រូវដាក់ <label>
s នៅខាងក្រៅក្រុមបញ្ចូល។
រុំ
ក្រុមបញ្ចូលត្រូវបានរុំតាមលំនាំដើមតាមរយៈ flex-wrap: wrap
ដើម្បីសម្រួលដល់ការផ្ទៀងផ្ទាត់វាលទម្រង់ផ្ទាល់ខ្លួននៅក្នុងក្រុមបញ្ចូល។ អ្នកអាចបិទវាដោយប្រើ .flex-nowrap
.
ទំហំ
បន្ថែមថ្នាក់ទំហំទម្រង់ដែលទាក់ទងទៅ .input-group
ខ្លួនវា ហើយមាតិកានៅក្នុងនឹងផ្លាស់ប្តូរទំហំដោយស្វ័យប្រវត្តិ - មិនចាំបាច់ធ្វើម្តងទៀតនូវថ្នាក់គ្រប់គ្រងទំហំទម្រង់នៅលើធាតុនីមួយៗទេ។
ការកំណត់ទំហំលើធាតុក្រុមបញ្ចូលនីមួយៗមិនត្រូវបានគាំទ្រទេ។
ប្រអប់ធីក និងវិទ្យុ
ដាក់ប្រអប់ធីកឬជម្រើសវិទ្យុណាមួយនៅក្នុង addon របស់ក្រុមបញ្ចូលជំនួសឱ្យអត្ថបទ។
ខណៈពេលដែលច្រើន <input>
s ត្រូវបានគាំទ្រដោយមើលឃើញ រចនាប័ទ្មសុពលភាពគឺអាចប្រើបានសម្រាប់ក្រុមបញ្ចូលដែលមានតែមួយប៉ុណ្ណោះ <input>
។
កម្មវិធីបន្ថែមច្រើន។
កម្មវិធីបន្ថែមជាច្រើនត្រូវបានគាំទ្រ ហើយអាចត្រូវបានលាយបញ្ចូលគ្នាជាមួយនឹងប្រអប់ធីក និងកំណែបញ្ចូលវិទ្យុ។
ក្រុមបញ្ចូលរួមមានការគាំទ្រសម្រាប់ការជ្រើសរើសផ្ទាល់ខ្លួន និងការបញ្ចូលឯកសារផ្ទាល់ខ្លួន។ កំណែលំនាំដើមរបស់កម្មវិធីរុករកតាមអ៊ីនធឺណិតរបស់ទាំងនេះមិនត្រូវបានគាំទ្រទេ។
ជ្រើសរើសផ្ទាល់ខ្លួន
ភាពងាយស្រួល
ត្រូវប្រាកដថាការគ្រប់គ្រងទម្រង់ទាំងអស់មានឈ្មោះសមរម្យដែលអាចចូលប្រើបាន ដើម្បីឱ្យគោលបំណងរបស់ពួកគេអាចត្រូវបានបញ្ជូនទៅអ្នកប្រើប្រាស់នៃបច្ចេកវិទ្យាជំនួយ។ មធ្យោបាយដ៏សាមញ្ញបំផុតដើម្បីសម្រេចបាននូវចំណុចនេះ គឺត្រូវប្រើ <label>
ធាតុមួយ ឬ - ក្នុងករណីប៊ូតុង - ដើម្បីរួមបញ្ចូលអត្ថបទពិពណ៌នាគ្រប់គ្រាន់ជាផ្នែកនៃ <button>...</button>
មាតិកា។
សម្រាប់ស្ថានភាពដែលមិនអាចបញ្ចូល <label>
ខ្លឹមសារអត្ថបទដែលមើលឃើញ ឬសមស្របនោះ មានវិធីជំនួសក្នុងការនៅតែផ្តល់ឈ្មោះដែលអាចចូលប្រើបាន ដូចជា៖
<label>
ធាតុដែលលាក់ដោយប្រើ .visually-hidden
ថ្នាក់
- ចង្អុលទៅធាតុដែលមានស្រាប់ដែលអាចដើរតួជាស្លាកដោយប្រើ
aria-labelledby
- ការផ្តល់
title
គុណលក្ខណៈ
- កំណត់យ៉ាងច្បាស់នូវឈ្មោះដែលអាចចូលប្រើបាននៅលើធាតុដោយប្រើ
aria-label
ប្រសិនបើមិនមានអ្វីទាំងនេះទេ បច្ចេកវិទ្យាជំនួយអាចងាកមកប្រើ placeholder
គុណលក្ខណៈជាជម្រើសជំនួសសម្រាប់ឈ្មោះ <input>
និង <textarea>
ធាតុដែលអាចចូលប្រើបាន។ ឧទាហរណ៍នៅក្នុងផ្នែកនេះផ្តល់នូវវិធីសាស្រ្តមួយចំនួនដែលបានស្នើ និងករណីជាក់លាក់
ខណៈពេលដែលការប្រើប្រាស់មាតិកាដែលលាក់ដោយមើលឃើញ ( .sr-only
, aria-label
, និងសូម្បីតែ placeholder
មាតិកាដែលបាត់នៅពេលដែលវាលទម្រង់មានមាតិកា) នឹងផ្តល់អត្ថប្រយោជន៍ដល់អ្នកប្រើប្រាស់បច្ចេកវិទ្យាជំនួយ ការខ្វះអត្ថបទស្លាកដែលមើលឃើញអាចនៅតែមានបញ្ហាសម្រាប់អ្នកប្រើប្រាស់មួយចំនួន។ ទម្រង់មួយចំនួននៃស្លាកដែលមើលឃើញជាទូទៅគឺជាវិធីសាស្រ្តដ៏ល្អបំផុត ទាំងភាពងាយស្រួល និងលទ្ធភាពប្រើប្រាស់។