Kaj je oznaka možnosti v HTML?

Kaj Je Oznaka Moznosti V Html



' ” se uporablja za določanje možnosti, ki jo lahko uporabnik izbere v spustnem meniju ali na izbirnih seznamih v spletnih obrazcih. ' ” omogoča razvijalcem, da ustvarijo nabor možnosti, med katerimi lahko uporabnik izbere katero koli možnost. Uporablja se v različnih aplikacijah, kot so ankete, spletna nakupovalna mesta, obrazci za registracijo itd.

Ta članek prikazuje oznako možnosti v HTML skupaj s praktičnimi primeri:





Kaj je oznaka možnosti in kako jo uporabljati v HTML?

Oznako možnosti lahko uporabite z ' « in » ” oznake. V primeru ' ” ustvari seznam možnosti, ki jih brskalnik lahko samodejno dokonča. Oglejmo si nekaj primerov za boljše razumevanje razmerja med » ' označite z ' « in » ” oznake:



Primer 1: Ustvarjanje spustnega seznama



' ' se uporablja z ' ” za ustvarjanje spustnega seznama na spletni strani. ' ” ustvari vsako možnost/element seznama na spustnem seznamu. Za boljše razumevanje sledimo spodnjemu delčku kode:



< h2 > Programski jeziki h2 >
< oznaka za = 'prog-orožje' > Izberite programsko orožje: oznaka >
< izberite id = 'prog-seznami' >
< možnost vrednost = '' > Izberite možnost možnost >
< možnost vrednost = 'c++' > C++ možnost >
< možnost vrednost = '.mreža' > Dot Net možnost >
< možnost vrednost = 'nodejs' > Vozlišče js možnost >
izberite >

V zgornjem delčku kode:



  • Prvič, ' ' se uporablja za prikaz podatkov in je dodeljen z ' »označite z uporabo » za ” atribut.
  • Po tem je ' ” se uporablja za ustvarjanje okolja za spustni seznam.
  • Nato je ' ” se uporablja za ustvarjanje elementov seznama, ki bodo postavljeni kot elementi spustnega seznama.

Ko smo nastavili strukturo spustnega seznama, zdaj uporabimo nekaj osnovnih slogov:

oznaka {
zaslon: blok;
rob-spodaj: 5px;
}
izberite {
oblazinjenje: 5px;
polmer obrobe: 5px;
širina: 200px;
}

Razlaga lastnosti CSS je opisana spodaj:

  • Najprej izberite » oznaka « in nato nastavite vrednosti »block« in »5px« na CSS » zaslon « in » margin-bottom ” lastnosti.
  • Nato je ' izberite « je izbran in CSS-ju zagotavlja vrednosti »5px«, »5px« in »200px« oblazinjenje ”, “ mejni polmer « in » premer ” lastnosti. Te lastnosti se uporabljajo za izboljšanje vidnosti uporabnikov.

Po izvedbi zgornjih delčkov kode je spletna stran videti takole:

Zgornji rezultat kaže, da je bil spustni meni ustvarjen z uporabo ' ' označite z ' ' oznaka.

Primer 2: Ustvarjanje seznama za samodokončanje

' ' se uporablja z ' ” za ustvarjanje seznama za samodokončanje. Uporablja se skupaj z ' ”, ki se zapolni z možnostmi, ki so na voljo znotraj seznama za samodejno dokončanje. Koda za ustvarjanje seznama za samodejno dokončanje z uporabo HTML je prikazana v spodnjem delčku kode:

< oznaka za = 'prog-orodja' > oz vrsta orodje za programiranje: oznaka >
< vnos vrsta = 'besedilo' id = 'prog-orodja' seznam = 'orodja' >
< seznam podatkov id = 'orodja' >
< možnost vrednost = 'C++' >
< možnost vrednost = 'Skupščina' >
< možnost vrednost = '.Mreža' >
< možnost vrednost = 'PHP' >
< možnost vrednost = 'Ruby' >
< možnost vrednost = 'Swift' >
< možnost vrednost = 'Vozlišče js' >
< možnost vrednost = 'Reagiraj' >
< možnost vrednost = 'Mongo' >
< možnost vrednost = 'Java' >
< možnost vrednost = 'Python' >
seznam podatkov >

V zgornjem delčku kode:

  • Najprej dodajte » ”, ki prikaže besedilo skupaj z elementom HTML.
  • Nato uporabite » ”, ki jo uporabnik izpolni ročno ali pa jo lahko samodejno izpolni z možnostmi, ki so na voljo na seznamu za samodejno dokončanje.
  • Po tem uporabite » ' in nastavite ' id ' vrednost atributa je enaka vrednosti ' seznam ' atribut ' ' oznaka.
  • Nato uporabite » ” znotraj oznake “”, da ustvarite element za seznam za samodejno dokončanje.

Po izvedbi zgornjega delčka kode se spletna stran prikaže takole:

Rezultat kaže, da je seznam za samodejno dokončanje ustvarjen z uporabo » ' s kombinacijo ' « in » ” oznake.

Zaključek

' ” omogoča razvijalcu, da ustvari možnosti za seznam možnosti, s katerega lahko uporabnik izbere katero koli možnost. To oznako “