Šis raksts palīdzēs jums izveidot HTML radio pogu, izmantojot praktisku piemēru.
Kā pievienot radio pogu HTML?
Lai pievienotu radio pogu HTML, izpildiet tālāk norādīto sintakse:
< ievade veids = 'radio' nosaukums = '' vērtību = '' >
Šeit ir norādītās sintakses apraksts:
- ' veids ”: šis atribūts norāda, kāda veida ievadi vēlaties izveidot, piemēram, tekstu, radio, izvēles rūtiņu un citus. Lai izveidotu radio pogu, atribūta vērtībai jābūt iestatītai kā “radio”.
- ' nosaukums ”: tas nosaka ievades elementa nosaukumu. Šim atribūtam ir jābūt tādam pašam radio pogu sarakstam.
- ' vērtību ”: norāda vērtību, kas tiks nosūtīta serverim, kad radio poga ir atzīmēta kā atzīmēta.
Piemērs: Radio pogas pievienošana HTML
Šajā piemērā tiks apspriesta radio pogas pievienošanas procedūra HTML, izmantojot ievades pogu. In
1. darbība: izveidojiet HTML failu
Vispirms HTML failā pievienojiet tagu
Izveidotajā
- Vispirms pievienojiet ' ” tagu, lai lapai piešķirtu virsrakstu.
- Pēc tam ' ” tagu rindkopai vai teksta rindiņai.
- Pēc tam ievades tags tiek pievienots ar atribūtu ' veids 'kam ir vērtība' radio ”, nosaukums ir iestatīts kā atlasīts un “ vērtību 'kā' sarkans ”. Katrai radiopogai, kurai ir tāds pats nosaukums, tiek piešķirtas dažādas vērtības. Tas pats nosaukums apzīmē to pašu grupu vai sarakstu.
- Ja vēlaties pievienot pogu, kas pēc noklusējuma ir atzīmēta kā atzīmēta, piešķiriet atribūtu “ pārbaudīts ” uz šo pogu.
- Visbeidzot, '
” elements uz katras radio pogas tiek izmantots, lai pievienotu parakstus. Tas arī nodrošina labāku pieejamību.
Tālāk norādītais kods ir iepriekš minētā scenārija interpretācija.
< h1 > HTML radio poga h1 >< lpp > Kura ir tava mīļākā krāsa? lpp >
< ievade veids = 'radio' nosaukums = 'izvēlēties krāsu' vērtību = 'sarkans' pārbaudīts >
< etiķete priekš = 'radio1' > sarkans etiķete >
< br >
< ievade veids = 'radio' nosaukums = 'izvēlēties krāsu' vērtību = 'zils' >
< etiķete priekš = 'radio1' > Zils etiķete >
< br >
< ievade veids = 'radio' nosaukums = 'izvēlēties krāsu' vērtību = 'zaļš' >
< etiķete priekš = 'radio1' > Zaļš etiķete >
< br >
< ievade veids = 'radio' nosaukums = 'izvēlēties krāsu' vērtību = 'violets' >
< etiķete priekš = 'radio1' > Violets etiķete >
< br >
< ievade veids = 'radio' nosaukums = 'izvēlēties krāsu' vērtību = 'citi' >
< etiķete priekš = 'radio1' > Citi etiķete >
Redzams, ka radio pogas ir izveidotas veiksmīgi:
Varat arī piemērot stilus iepriekš izveidotajai radio pogai, izpildot tālāk minēto CSS kodu.
2. darbība: stila lietošana HTML
' div ” norāda div tagu, ko esam izveidojuši HTML failā:
- Pirmkārt, ' fona krāsa ' rekvizīts ir iestatīts kā ' #8197f0 ”.
- ' robeža ' rekvizīts ir iestatīts kā ' 5 pikseļu punktēts #13023a ”, kur 5 pikseļi apzīmē apmales platumu, punktēts norāda līnijas veidu un nākamais norāda apmales krāsu.
- ' polsterējums ' ir iestatīts kā ' 20 pikseļi 100 pikseļi ”, kur 20 pikseļi norāda polsterējumu no augšas un apakšas, un 100 pikseļi norāda uz polsterējumu no kreisās un labās puses.
- Fonta stilam piešķiriet ' fontu ģimene 'īpašuma vērtība kā ' kursīvs ”.
CSS
div {fona krāsa: #8197f0;
apmale: 5 pikseļi punktēti #13023a;
polsterējums: 20 pikseļi 100 pikseļi;
fonta izmērs: 20 pikseļi;
fontu saime: kursīvs;
}
Var redzēt, ka div elements ir veiksmīgi veidots:
Tieši tā! Mēs esam detalizēti paskaidrojuši par HTML radio pogu.
Secinājums
Radiopoga ir ievade, kas vienmēr tiek rādīta divu vai vairāku opciju grupās. No šīs grupas lietotājs var atlasīt tikai vienu opciju. HTML valodā radio pogu var izveidot, izmantojot “