Цхецкбок у Боотстрап-у - Примери за имплементацију потврдног оквира у оквиру за покретање система

• Увод у поље за потврду у програму за покретање система
• Цхецкбок Пример 1
• Цхецкбок Пример 2

Увод у поље за потврду у програму за покретање система

Боотстрап је користио много тастера једним кликом, али понекад морамо одабрати опцију. Опција избора има два начина: један је дугме за радио, а други за потврдни оквир. Радио дугме има само једну опцију да изаберете неку од других. У било којем стању, морамо одабрати више опција која временски потврдни оквир ради. Цхецкбок има више опција које можете изабрати између многих опција. Квачица се користи за одабир опција у више избора кликом на потврдни оквир. Употреба тастера са потврдним пољем је питања са вишеструким избором на испиту када питање има више одговора на једно питање. Боотстрап има своју класу тастера за потврду, видећете у наставку.

Примери за имплементацију потврдног оквира у оквиру за покретање система

Корисници могу разумети како имплементирати потврдни оквир и рад ових тастера. Испод су примери за имплементацију потврдног оквира у Боострапу:

1. Вертикални потврдни оквир
2. Инлине чек

1. Вертикални потврдни оквир

Пример вертикалног поља за потврду дат је у следећем.

Шифра:



Bootstrap Example vertical checkbox





Цхецкбок Пример 1

Којих је седам чуда на следећој листи?

Тај Махал

Египатска пирамида

Лондонски мост

Ајфелова кула

Излаз:

Опис:

• Можете видети горњи пример вертикалног потврдног оквира. Ово је подразумевани потврдни оквир и није му потребна посебна класа или ентитет.
• Сви ентитети облика долазе вертикално један по један.
• То се углавном користи у испитима са вишеструким избором како би се јасно познавале могућности и не бркале са потврдним оквиром и етикетом. Свако користи класу поља за потврду са етикетом. За питање користи ентитет параграфа

  .

• Можете да кликнете на дугме за потврду, након што кликнете на дугме квачица постане видљива.

2. Инлине чек

Пример Инлине Цхецкбок-а дат је у следећем.

Шифра:



Bootstrap Example inline checkbox





Цхецкбок Пример 2

Хоби:
сликање

плеше

читање

Излаз:

Опис:

• Горњи пример је уграђени потврдни оквир. Морамо користити класу фор-инлине да би други створио ентитет који приказује инлине у облику.
• За уграђени потврдни оквир потребно је класификовати потврдни унос уз сваку налепницу.
• Ако желите да потврдни оквир у било којем облику употребите са другим уносима, такође је тај пут ако вам је корисно уграђено поље за потврду.
• Сви потврдни оквир долази у једном реду.
• Можете да кликнете на дугме за потврду, након што кликнете на дугме квачица постане видљива.

Квачица помоћу дугмади

Цхецкбок у боотстрап-у је такође разрадио тастере са неким класама како би изгледали више стилски и елегантно. Класа дугмета-група-пребацивање, класа дугмета се мора користити у, односно. Са класом пребацивања групе дугмета, класа података-тоггле = 'гумби' такође је потребна у обрасцу. У оквиру, тип мора бити потврдни оквир за рад као цхецкбок. Погледајмо неколико примера да бисмо сазнали више о пребацивању у потврдни оквир користећи боотстрап.

Шифра:



Bootstrap Example checkbox




Languages

HTML

CSS

JavaScript

Bootstrap




Излаз:

Опис:

• За овај пример, користили смо примарно дугме, али било који тастер се може користити за одјаву, али „аутоматско довршавање“ мора бити искључено да не би сачували додатне податке.
• Ако корисник притисне дугме, онда се аутоматски бира као опција, а у преклопном тастеру корисник може одабрати више опција само кликом на дугмад.
• Овде имамо четири могућности избора језика, корисници могу да бирају више језика.
• цласс = 'бтн-гроуп-тоггле' користи се за стил уноса обрасца.
• Пошто ово пребацивање података, ЈаваСцрипт омогућава пребацивање дугмади тако да се може интерпретирати активни и неактивни режим.

Употреба активног дугмета Квачица у оквиру за покретање система

Ако корисничка класа дода тастер, овај тастер се аутоматски проверава и корисници имају преостале могућности да одаберу. Овим дугметом се мења боја како би се добио активирани знак.

Погледајмо следећи пример:

Шифра:


Languages