ប៊ូតុងបន្ថែមបន្ថយចំនួន
ប្រើសម្រាប់បន្ថែម ឬបន្ថយចំនួន ដែលជាទូទៅត្រូវបានប្រើដើម្បីឱ្យអ្នកប្រើប្រាស់ងាយស្រួលកំណត់ចំនួនធាតុណាមួយ។
មានជាទូទៅ
ឧទាហរណ៍
ខាងឆ្វេងបិទដំណើរការ
<div class="cgds input-group" variant="quantity-toggle">
<button type="button" class="btn btn-primary btn-sm cgds" disabled><i class="bi bi-dash"></i></button>
<input id="quantityLeftDisabled" type="number" class="form-control text-center" value="0">
<button type="button" class="btn btn-primary btn-sm cgds" onclick="increment('LeftDisabled')"><i class="bi bi-plus"></i></button>
</div>
ខាងស្តំាបិទដំណើរការ
<div class="cgds input-group" variant="quantity-toggle">
<button type="button" class="btn btn-primary btn-sm cgds" onclick="decrement('RightDisabled')"><i class="bi bi-dash"></i></button>
<input id="quantityRightDisabled" type="number" class="form-control text-center" value="1">
<button type="button" class="btn btn-primary btn-sm cgds" disabled><i class="bi bi-plus"></i></button>
</div>
សងខាងមិនដំណើរការ
<div class="cgds input-group" variant="quantity-toggle">
<button type="button" class="btn btn-primary btn-sm cgds" disabled" disabled><i class="bi bi-dash"></i></button>
<input id="quantityLeftRightDisabled" type="number" class="form-control text-center" value="2" disabled>
<button type="button" class="btn btn-primary btn-sm cgds" disabled><i class="bi bi-plus"></i></button>
</div>
បើកដំណើរការទាំងសងខាង
<div class="cgds input-group" variant="quantity-toggle">
<button type="button" class="btn btn-primary btn-sm cgds" onclick="decrement('Enabled')"><i class="bi bi-dash"></i></button>
<input id="quantityEnabled" type="number" class="form-control text-center" value="3">
<button type="button" class="btn btn-primary btn-sm cgds" onclick="increment('Enabled')"><i class="bi bi-plus"></i></button>
</div>
ធាតុផ្សំ
- បរិមាណ៖ បង្ហាញអ្នកប្រើប្រាស់ពីចំនួននាពេលបច្ចុប្បន្ន។
- ប៊ូតុង៖ អនុញ្ញាតឱ្យអ្នកប្រើប្រាស់ចុចបន្ថែម ឬបន្ថយចំនួន។
គម្លាត
នៅក្នុងប៊ូតុងបន្ថែមបន្ថយចំនួន
រក្សាគម្លាតយ៉ាងតិច 16px នៅលើអ័ក្សឈរនៃគែមរបស់ប៊ូតុង។
គោលការណ៍ណែនាំនៃការប្រើប្រាស់
ប៊ូតុងបន្ថែមបន្ថយចំនួនគួរប្រើប្រាស់នៅពេល៖
- ពេលបរិមាណត្រូវការបន្ថែម ឬបន្ថយចំនួនបន្តិចបន្តួច។
ប៊ូតុងបន្ថែមបន្ថយចំនួនមិនគួរប្រើប្រាស់នៅពេល៖
- ពេលបរិមាណត្រូវការបន្ថែម ឬបន្ថយចំនួនច្រើន។
គោលការណ៍ណែនាំនៃការរចនា
បង្ហាញអ្នកប្រើប្រាស់ពីចំនួនចាប់ផ្តើមនិងចំនួនបច្ចុប្បន្ន
ដាក់បង្ហាញចំនួនដែលអ្នកប្រើប្រាស់បានបញ្ចូល ដើម្បីពួកគាត់ងាយដឹងថាគាត់ត្រូវចុចប៊ូតុងបន្ថែម ឬបន្ថយប៉ុន្មានដងទៀតដើម្បីកំណត់បានចំនួនដែលពួកគាត់ចង់បាន។
អនុញ្ញាតឱ្យពួកគាត់អាចចុចបញ្ចូលលេខចំនួនដោយផ្ទាល់ដៃបាន
អ្នកប្រើប្រាស់អាចចង់ចុចបញ្ចូលលេខចំនួនដោយផ្ទាល់ដៃដោយផ្ទាល់ដៃតាមរយៈក្តារចុចរបស់គាត់ជាជាងការចុចប៊ូតុង ដូច្នេះគួរផ្តល់ជម្រើសនេះឱ្យពួកគាត់។