Овај чланак ће вас водити у креирању ХТМЛ радио дугмета уз помоћ практичног примера.
Како додати радио дугме у ХТМЛ?
Да бисте додали радио дугме у ХТМЛ, пратите доле дату синтаксу:
< улазни тип = 'радио' име = '' вредност = '' >
Ево описа наведене синтаксе:
- “ тип ”: Овај атрибут одређује који тип уноса желите да креирате, као што су текст, радио, поље за потврду и још много тога. Да бисте креирали радио дугме, вредност атрибута мора бити постављена као „радио“.
- “ име ”: Дефинише име улазног елемента. Овај атрибут треба да буде исти за листу радио дугмади.
- “ вредност ”: Ово одређује вредност која ће бити послата серверу када је радио дугме означено као означено.
Пример: Додавање радио дугмета у ХТМЛ
Овај пример ће расправљати о процедури додавања радио дугмета у ХТМЛ помоћу радио дугмета за унос. Ин
Корак 1: Креирање ХТМЛ датотеке
Прво додајте ознаку <див> у ХТМЛ датотеку:
< див > див >Унутар креираног <див>:
- Прво додајте „ <х1> ” да бисте дали наслов страници.
- Затим ' <п> ” ознака за пасус или ред текста.
- Након тога, улазна ознака се додаје са атрибутом „ тип „има вредност“ радио “, име је постављено као изабрано, а „ вредност ' као ' црвена ”. Сваком радио дугмету које има исто име дају се различите вредности. Исто име представља исту групу или листу.
- Ако желите да додате дугме које је подразумевано означено као означено, доделите атрибут „ проверено ” на то дугме.
- На крају, „ <ознака> ” елемент на сваком радио дугмету се користи за додавање натписа. Такође обезбеђује бољу доступност.
Код у наставку је тумачење горњег сценарија:
< х1 > ХТМЛ радио дугме х1 >< стр > Која је твоја омиљена боја? стр >
< улазни тип = 'радио' име = 'одабери боју' вредност = 'црвено' проверено >
< етикета за = 'радио1' > Црвени етикета >
< бр >
< улазни тип = 'радио' име = 'одабери боју' вредност = 'Плави' >
< етикета за = 'радио1' > Плави етикета >
< бр >
< улазни тип = 'радио' име = 'одабери боју' вредност = 'зелен' >
< етикета за = 'радио1' > Зелен етикета >
< бр >
< улазни тип = 'радио' име = 'одабери боју' вредност = 'љубичаста' >
< етикета за = 'радио1' > Љубичаста етикета >
< бр >
< улазни тип = 'радио' име = 'одабери боју' вредност = 'други' >
< етикета за = 'радио1' > Други етикета >
Може се видети да су радио дугмад успешно креирана:
Такође можете применити стилове на горе креирано радио дугме тако што ћете пратити доле наведени ЦСС код.
Корак 2: Примена стила на ХТМЛ
„ див ” означава див ознаку коју смо направили у ХТМЛ датотеци:
- Прво, „ боја позадине “ својство је постављено као “ #8197ф0 ”.
- “ граница “ својство је постављено као “ 5пк са тачкама #13023а “, где 5пк представља ширину ивице, тачкаста означава тип линије, а следећа означава боју ивице.
- “ паддинг ” је постављен као „ 20пк 100пк ” где 20пк означава паддинг одозго и одоздо, а 100пк означава паддинг са леве и десне стране.
- За стилизовање фонта, доделите „ породица фонтова ” вредност имовине као “ курзивни ”.
ЦСС
див {боја позадине: #8197ф0;
граница: 5 пиксела са тачкама #13023а;
паддинг: 20пк 100пк;
фонт-сизе: 20пк;
фонт-фамили: цурсиве;
}
Може се видети да је див елемент успешно стилизован:
То је то! Детаљно смо објаснили ХТМЛ радио дугме.
Закључак
Радио дугме је улаз који се увек појављује у групама од две или више опција. Из ове групе корисник може изабрати само једну опцију. У ХТМЛ-у, радио дугме се може креирати помоћу „ <инпут> ” ознака која има тип атрибута са вредношћу “ радио ”. Овај блог је демонстрирао метод за додавање радио дугмади у ХТМЛ.