See artikkel juhendab teid praktilise näite abil HTML-i raadionupu loomisel.
Kuidas lisada HTML-i raadionuppu?
HTML-i raadionupu lisamiseks järgige alltoodud süntaksit:
< sisend tüüp = 'raadio' nimi = '' väärtus = '' >
Siin on märgitud süntaksi kirjeldus:
- “ tüüp ”: see atribuut määrab, millist tüüpi sisendit soovite luua (nt tekst, raadio, märkeruut ja palju muud). Raadionupu loomiseks tuleb atribuudi väärtuseks määrata 'raadio'.
- “ nimi ”: see määrab sisendelemendi nime. See atribuut peaks raadionuppude loendi puhul olema sama.
- “ väärtus ”: määrab väärtuse, mis saadetakse serverisse, kui raadionupp on märgitud märgituks.
Näide: raadionupu lisamine HTML-i
See näide käsitleb HTML-i raadionupu lisamise protseduuri sisendraadio nupu abil. sisse
1. samm: HTML-faili loomine
Esmalt lisage HTML-faili märgend
Loodud
- Esmalt lisage ' ” märgend, et anda lehele pealkiri.
- Siis üks ' ” märgend lõigu või tekstirea jaoks.
- Pärast seda lisatakse sisendmärgend atribuudiga ' tüüp 'omab väärtust' raadio ”, nimi määratakse valikuks ja „ väärtus ” kui „ punane ”. Igale sama nimega raadionupule antakse erinevad väärtused. Sama nimi tähistab sama rühma või loendit.
- Kui soovite lisada nupu, mis on vaikimisi märgitud märgituks, siis määrake atribuut ' kontrollitud ” sellele nupule.
- Lõpuks, '
Iga raadionupu elementi kasutatakse pealkirjade lisamiseks. See tagab ka parema ligipääsetavuse.
Allolev kood on ülaltoodud stsenaariumi tõlgendus:
< h1 > HTML raadionupp h1 >< lk > Milline on sinu lemmikvärv? lk >
< sisend tüüp = 'raadio' nimi = 'vali värv' väärtus = 'punane' kontrollitud >
< silt jaoks = 'raadio1' > Punane silt >
< br >
< sisend tüüp = 'raadio' nimi = 'vali värv' väärtus = 'sinine' >
< silt jaoks = 'raadio1' > Sinine silt >
< br >
< sisend tüüp = 'raadio' nimi = 'vali värv' väärtus = 'roheline' >
< silt jaoks = 'raadio1' > Roheline silt >
< br >
< sisend tüüp = 'raadio' nimi = 'vali värv' väärtus = 'lilla' >
< silt jaoks = 'raadio1' > Lilla silt >
< br >
< sisend tüüp = 'raadio' nimi = 'vali värv' väärtus = 'teised' >
< silt jaoks = 'raadio1' > teised silt >
On näha, et raadionupud on edukalt loodud:
Samuti saate ülaltoodud raadionupule stiile rakendada, järgides alltoodud CSS-koodi.
2. samm: stiili rakendamine HTML-ile
' div ” tähistab div-märgendit, mille oleme HTML-failis loonud:
- Esiteks, ' taustavärv ' atribuut on määratud kui ' #8197f0 ”.
- “ piir ' atribuut on määratud kui ' 5px punktiir #13023a ”, kus 5 pikslit tähistab äärise laiust, punktiir tähistab joone tüüpi ja järgmine tähistab äärise värvi.
- “ polsterdus ' on seatud kui ' 20 pikslit 100 pikslit ”, kus 20px määrab täidise ülevalt ja alt ning 100px tähistab polsterdust vasakult ja paremalt.
- Fondi stiili jaoks määrake ' font-perekond ' vara väärtus kui ' kursiiv ”.
CSS
div {taustavärv: #8197f0;
ääris: 5 pikslit punktiir #13023a;
polsterdus: 20px 100px;
fondi suurus: 20 pikslit;
font-perekond: kursiiv;
}
On näha, et element div on edukalt kujundatud:
See on kõik! Oleme HTML-i raadionuppu üksikasjalikult selgitanud.
Järeldus
Raadionupp on sisend, mis kuvatakse alati kahe või enama valiku rühmadena. Sellest rühmast saab kasutaja valida ainult ühe valiku. HTML-is saab raadionupu luua, kasutades „