Kako stvoriti potvrdni okvir u HTML-u?

Tijekom pregledavanja omiljenih web stranica potvrdni okviri pojavljuju se kad trebate odabrati jednu od mnogih dostupnih opcija. Ovi su potvrdni okviri stvoreni u uz pomoć posebne oznake. U ovom ćemo članku vidjeti kako stvoriti potvrdni okvir u HTML-u i rad potvrdnih okvira u sljedećem slijedu:

• Kako stvoriti potvrdni okvir u HTML-u?
• Potvrdni okvir u odnosu na radio gumbe
• Onemogućavanje potvrdnog okvira u HTML-u

Kako stvoriti potvrdni okvir u HTML-u?

Potvrdni okvir je element obrasca koji vam omogućuje odabir više opcija iz različitih dostupnih opcija. Potvrdni okviri kreiraju se s HTML oznakom. Može se ugnijezditi unutar elementa ili mogu samostalno stajati. Oni se također mogu povezati s obrascem uz pomoć atribut oblika oznake.

Evo osnovnog primjera za stvaranje jednostavnog potvrdnog okvira:

Crvena Zelena Plava

Izlaz:

Razmotrimo još jedan primjer i dodajte gumb za slanje kako bi potvrdni okviri mogli postati korisni. Ovdje također možete postaviti potvrdne okvire u element koji određuje stranicu za obradu obrasca.

Koja je vaša omiljena boja? Crvena Zelena Plava
Proizlaziti:
 

Izlaz:

Potvrdni okvir u odnosu na radio gumbe

Radio gumbi omogućuju korisniku da odabere samo jednu opciju. Dok potvrdni okviri omogućuju korisniku odabir bilo kojeg broja opcija. Uzmimo primjer i pogledajte kako funkcioniraju radio gumbi i potvrdni okviri:

kako pretvoriti dvostruko u cijeli broj u javi -

 
Potvrdni okviri
Koja je vaša omiljena boja? Crvena Zelena Plava
Radio tipke
Odaberite svoj spol? Muško Žensko Nepoznato
Proizlaziti:
 

Izlaz:

U gornjem primjeru možete vidjeti da možete odabrati koliko god želite potvrdnih okvira. Potvrdni okvir čini prikladnim za vrijeme kada bi korisnik trebao moći odabrati više opcija. Ali ako pokušate odabrati više od jednog gumba, prethodni odabir će biti poništen. To vam pomaže prisiliti korisnike da odaberu samo jednu opciju.

Onemogućavanje potvrdnog okvira u HTML-u

Možete onemogućiti potvrdni okvir u pomoću atributa disabled. To se može učiniti zajedno sa skriptom za omogućavanje ili onemogućavanje potvrdnog okvira, ovisno o tome jesu li ispunjeni određeni kriteriji.

Uzmimo primjer da vidimo kako možemo onemogućiti potvrdni okvir:

Crvena Zelena Plava

Izlaz:

javascript popis događaja s primjerima

U gornjem primjeru onemogućili smo crvenu boju. Dakle, iz potvrdnog okvira možete odabrati zelenu i plavu boju, ali ne i crvenu.

Ovime smo došli do kraja našeg članka. Nadam se da ste razumjeli kako potvrdni okviri u HTML-u funkcioniraju i kako se mogu koristiti drugačije.

Sad kad znate za potvrdni okvir u HTML-u, pogledajte od Edureke. Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja te ih rasporediti na Amazon Simple Storage Service (S3).

Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare 'Potvrdni okvir u HTML-u', a mi ćemo vam se javiti.