Kako ustvariti potrditveno polje v HTML-ju?

Med brskanjem po priljubljenih spletnih mestih se prikažejo potrditvena polja, ko morate med številnimi razpoložljivimi izbrati eno možnost. Ta potrditvena polja so ustvarjena v s pomočjo posebne oznake. V tem članku bomo videli, kako ustvarimo potrditveno polje v HTML-ju in kako delujejo potrditvena polja v naslednjem zaporedju:

• Kako ustvariti potrditveno polje v HTML-ju?
• Potrditveno polje proti radijskim gumbom
• Onemogočanje potrditvenega polja v HTML

Kako ustvariti potrditveno polje v HTML-ju?

Potrditveno polje je element obrazca, ki omogoča izbiro več možnosti med različnimi razpoložljivimi možnostmi. Potrditvena polja so ustvarjena z oznako HTML. Lahko se ugnezdi v element ali pa stojijo samostojno. Z obrazcem jih je mogoče povezati tudi s pomočjo atribut obrazca oznake.

Tu je osnovni primer za ustvarjanje preprostega potrditvenega polja:

Rdeča Zelena Modra

Izhod:

Oglejmo si še en primer in dodajte gumb za oddajo, da bodo potrditvena polja lahko koristna. Tu lahko potrditvena polja postavite tudi v element, ki določa stran za obdelavo obrazca.

Katera je vaša najljubša barva? Rdeča Zelena Modra
Rezultat:
 

Izhod:

Potrditveno polje proti radijskim gumbom

Izbirni gumbi omogočajo uporabniku, da izbere samo eno možnost. Medtem ko potrditvena polja omogočajo uporabniku, da izbere poljubno število možnosti. Vzemimo primer in si oglejmo, kako delujejo izbirni gumbi in potrditvena polja:

kaj je dax v moči bi

 
Potrditvena polja
Katera je vaša najljubša barva? Rdeča Zelena Modra
Radijski gumbi
Izberite svoj spol? Moški Ženska Neznano
Rezultat:
 

Izhod:

V zgornjem primeru lahko vidite, da lahko izberete poljubno število potrditvenih polj. Potrditveno polje je primerno za čas, ko bi moral uporabnik izbrati več možnosti. Če pa poskusite izbrati več kot en izbirni gumb, bo prejšnja izbira odstranjena. To vam pomaga prisiliti uporabnike, da izberejo samo eno možnost.

Onemogočanje potrditvenega polja v HTML

Če želite onemogočiti potrditveno polje v z uporabo atributa disabled. To lahko storite skupaj s skriptom, da omogočite ali onemogočite potrditveno polje, odvisno od tega, ali so bila izpolnjena določena merila.

Vzemimo primer, da vidimo, kako lahko onemogočimo potrditveno polje:

Rdeča Zelena Modra

Izhod:

System.exit (0) lahko uporabite za zaključek programa.

V zgornjem primeru smo onemogočili rdečo barvo. Torej, v potrditvenem polju lahko izberete zeleno in modro, ne pa tudi rdeče barve.

S tem smo prišli do konca našega članka. Upam, da ste razumeli, kako delujejo potrditvena polja v HTML in kako jih je mogoče uporabljati drugače.

Zdaj, ko veste za potrditveno polje v HTML, si oglejte avtor Edureka. Usposabljanje za certificiranje spletnega razvoja vam bo pomagalo, da se naučite ustvariti impresivna spletna mesta z uporabo API-jev HTML5, CSS3, Twitter Bootstrap 3, jQuery in Google ter jih namestite v Amazon Simple Storage Service (S3).

Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje v 'Potrditveno polje v HTML' in javili se vam bomo.