Pārlūkojot iecienītās vietnes, parādās izvēles rūtiņas, kad jāizvēlas viena opcija no daudzajām pieejamajām. Šīs izvēles rūtiņas ir izveidotas ar īpašas birkas palīdzību. Šajā rakstā mēs redzēsim, kā izveidot izvēles rūtiņu HTML un kā darboties izvēles rūtiņas šādā secībā:
Kā izveidot izvēles rūtiņu HTML?
Atzīmēšanas rūtiņa ir formas elements, kas ļauj atlasīt vairākas opcijas no dažādām pieejamām opcijām. Ar HTMLtag tiek izveidotas izvēles rūtiņas. To var ligzdot elementa iekšpusē vai arī viņi var stāvēt atsevišķi. Tos var arī saistīt ar formu ar formas atribūts tagu.
Šeit ir vienkāršs izvēles rūtiņas izveidošanas piemērs:
Sarkans Zaļš Zils
Izeja:
Apskatīsim vēl vienu piemēru un pievienosim pogu Iesniegt, lai izvēles rūtiņas varētu kļūt noderīgas. Šeit jūs varat arī ievietot izvēles rūtiņas elementā, kas norāda lapu, lai apstrādātu veidlapu.
Kura ir jūsu mīļākā krāsa? Sarkans Zaļš ZilsRezultāts:
Izeja:
Izvēles rūtiņa pret radio pogām
Radiopogas ļauj lietotājam izvēlēties tikai vienu opciju. Tā kā izvēles rūtiņas ļauj lietotājam izvēlēties jebkuru opciju skaitu. Ņemsim piemēru un redzēsim, kā darbojas pogas un izvēles rūtiņas:
kuri no šiem ir kontroles paziņojumu piemēri?
Izvēles rūtiņas
Kura ir jūsu mīļākā krāsa? Sarkans Zaļš ZilsRadio pogas
Atlasīt savu dzimumu? Vīrietis Sieviete nav zināmaRezultāts:
Izeja:
fibonacci c ++
Iepriekš minētajā piemērā varat redzēt, ka varat atlasīt tik daudz izvēles rūtiņu, cik vēlaties. Tas padara izvēles rūtiņu piemērotu gadījumiem, kad lietotājam vajadzētu būt iespējai izvēlēties vairākas opcijas. Bet, ja mēģināt atlasīt vairākas radio pogas, iepriekšējā atlase tiek atcelta. Tas palīdz jums piespiest lietotājus izvēlēties tikai vienu opciju.
Atspējojot izvēles rūtiņu HTML
Varat atspējot izvēles rūtiņu izmantojot atribūtu invalīdi. To var izdarīt kopā ar skriptu, lai iespējotu vai atspējotu izvēles rūtiņu atkarībā no tā, vai ir izpildīti noteikti kritēriji.
Ņemsim piemēru, lai uzzinātu, kā mēs varam atspējot izvēles rūtiņu:
Sarkans Zaļš Zils
Izeja:
Iepriekš minētajā piemērā mēs esam atspējojuši sarkano krāsu. Tātad no izvēles rūtiņas varat atlasīt zaļo un zilo krāsu, bet ne sarkano krāsu.
Ar to mēs esam nonākuši mūsu raksta beigās. Es ceru, ka jūs sapratāt, kā HTML izvēles rūtiņas darbojas un kā tās var izmantot atšķirīgi.
Tagad, kad jūs zināt par HTML izvēles rūtiņu, pārbaudiet autore Edureka. Tīmekļa attīstības sertifikācijas apmācība palīdzēs jums uzzināt, kā izveidot iespaidīgas vietnes, izmantojot HTML5, CSS3, Twitter Bootstrap 3, jQuery un Google API, un izvietot to Amazon Simple Storage Service (S3).
Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā “HTML izvēles rūtiņa”, un mēs ar jums sazināsimies.