Što je oznaka opcije u HTML-u?

Sto Je Oznaka Opcije U Html U



' ” oznaka se koristi za definiranje opcije koju korisnik može odabrati iz padajućeg izbornika ili s popisa za odabir u web obrascima. ' ” Oznaka omogućuje programerima stvaranje skupa opcija među kojima korisnik može odabrati bilo koju opciju. Koristi se u raznim aplikacijama kao što su ankete, stranice za online kupnju, obrasci za registraciju itd.

Ovaj članak demonstrira oznaku opcije u HTML-u zajedno s praktičnim primjerima:





Što je oznaka opcije i kako je koristiti u HTML-u?

Oznaka opcije može se koristiti s ' ' i ' ' oznake. U slučaju ' ” stvara popis opcija koje preglednik može automatski dovršiti. Prođimo kroz nekoliko primjera za bolje razumijevanje odnosa između ' ” oznaka sa “ ' i ' ' oznake:



Primjer 1: Stvaranje padajućeg popisa



' ' oznaka se koristi s ' ” za stvaranje padajućeg popisa na web stranici. ' ” stvara svaku opciju/stavku popisa na padajućem popisu. Za bolje razumijevanje slijedimo isječak koda u nastavku:



< h2 > Programski jezici h2 >
< označiti za = 'prog-oružje' > Odaberite oružje za programiranje: označiti >
< Izaberi iskaznica = 'prog-liste' >
< opcija vrijednost = '' > Odaberite opciju opcija >
< opcija vrijednost = 'c++' > C++ opcija >
< opcija vrijednost = '.neto' > Dot Net opcija >
< opcija vrijednost = 'čvorovi' > Čvor js opcija >
Izaberi >

U gornjem isječku koda:



  • Prvo, ' ” oznaka se koristi za prikaz podataka i dodijeljena joj je oznaka „ ” označite koristeći svoj “ za ” atribut.
  • Nakon toga, ' ” oznaka se koristi za stvaranje okruženja za padajući popis.
  • Zatim, ' ” oznaka se koristi za stvaranje stavki popisa koje se postavljaju kao stavke padajućeg popisa.

Nakon što smo postavili strukturu padajućeg popisa, sada primijenimo neki osnovni stil:

označiti {
prikaz: blok;
margina-dno: 5px;
}
Izaberi {
ispuna: 5px;
rubni radijus: 5px;
širina: 200px;
}

Objašnjenje CSS svojstava je opisano u nastavku:

  • Prvo odaberite ' označiti ', a zatim postavite vrijednosti 'block' i '5px' na CSS ' prikaz ' i ' margina-dno ' Svojstva.
  • Zatim, ' Izaberi ” je odabran i CSS-u daje vrijednosti „5px”, „5px” i „200px” podstava ”, “ granični radijus ' i ' širina ” svojstva, respektivno. Ova svojstva se koriste za poboljšanje vidljivosti korisnika.

Nakon izvršenja gornjih isječaka koda, web stranica izgleda ovako:

Gornji rezultat pokazuje da je padajući izbornik kreiran pomoću ' ” oznaka sa “ ” oznaka.

Primjer 2: Stvaranje popisa za automatsko dovršavanje

' ' oznaka se koristi s ' ” za izradu popisa za automatsko dovršavanje. Koristi se zajedno s ' ” koja se popunjava opcijama dostupnim unutar popisa za automatsko dovršavanje. Kôd za stvaranje popisa za automatsko dovršavanje pomoću HTML-a prikazan je u isječku koda u nastavku:

< označiti za = 'prog-alati' > Ili tip alat za programiranje: označiti >
< ulazni tip = 'tekst' iskaznica = 'prog-alati' popis = 'alati' >
< popis podataka iskaznica = 'alati' >
< opcija vrijednost = 'C++' >
< opcija vrijednost = 'Skupština' >
< opcija vrijednost = '.Neto' >
< opcija vrijednost = 'PHP' >
< opcija vrijednost = 'Rubin' >
< opcija vrijednost = 'Brz' >
< opcija vrijednost = 'čvor js' >
< opcija vrijednost = 'Reagirati' >
< opcija vrijednost = 'Mongo' >
< opcija vrijednost = 'Java' >
< opcija vrijednost = 'Piton' >
popis podataka >

U gornjem isječku koda:

  • Prvo dodajte ' ” koja prikazuje tekst zajedno s HTML elementom.
  • Zatim upotrijebite ' ” koju korisnik popunjava ručno ili se može automatski ispuniti pomoću opcija dostupnih unutar popisa za automatsko dovršavanje.
  • Nakon toga upotrijebite ' ” označiti i postaviti njezino “ iskaznica ' vrijednost atributa jednaka vrijednosti ' popis ' atribut ' ” oznaka.
  • Zatim upotrijebite ' ” unutar oznake “” za stvaranje stavke za popis za automatsko dovršavanje.

Nakon izvršenja gornjeg isječka koda, web stranica izgleda ovako:

Izlaz pokazuje da je popis za automatsko dovršavanje kreiran korištenjem ' ” s kombinacijom “ ' i ' ' oznake.

Zaključak

' ” Oznaka omogućuje razvojnom programeru stvaranje opcija za popis opcija s kojeg korisnik može odabrati bilo koju opciju. Ova oznaka “