Čo je značka voľby v HTML?

Co Je Znacka Volby V Html



' Značka ” sa používa na definovanie možnosti, ktorú si používateľ môže vybrať z rozbaľovacej ponuky alebo z výberových zoznamov vo webových formulároch. ' ” umožňuje vývojárom vytvoriť sadu možností, z ktorých si používateľ môže vybrať ľubovoľnú možnosť. Používa sa v rôznych aplikáciách, ako sú prieskumy, online nákupy, registračné formuláre atď.

Tento článok demonštruje značku voľby v HTML spolu s praktickými príkladmi:





Čo je to značka voľby a ako ju používať v HTML?

Značku voľby možno použiť s „ “ a „ 'značky.' V prípade „ ” vytvorí zoznam možností, ktoré môže prehliadač automaticky dopĺňať. Prejdime si pár príkladov pre lepšie pochopenie vzťahu medzi „ ” tag s “ “ a „ 'značky:



Príklad 1: Vytvorenie rozbaľovacieho zoznamu



' Značka ” sa používa so značkou “ ” na vytvorenie rozbaľovacieho zoznamu na webovej stránke. ' ” vytvorí každú možnosť/položku zoznamu v rozbaľovacom zozname. Pre lepšie pochopenie postupujte podľa nižšie uvedeného útržku kódu:



< h2 > Programovacie jazyky h2 >
< štítok pre = 'prog-zbraň' > Vyberte si programovaciu zbraň: štítok >
< vyberte id = 'programové zoznamy' >
< možnosť hodnotu = '' > Vyberte možnosť možnosť >
< možnosť hodnotu = 'c++' > C++ možnosť >
< možnosť hodnotu = '.net' > Dot Net možnosť >
< možnosť hodnotu = 'nodejs' > Node js možnosť >
vyberte >

Vo vyššie uvedenom útržku kódu:



  • Po prvé, „ <štítok> Značka ” sa používa na zobrazenie údajov a je jej priradená značka “ ” tag pomocou jeho “ pre “.
  • Potom sa „ Značka ” sa používa na vytvorenie prostredia pre rozbaľovací zoznam.
  • Ďalej, „ Značka ” sa používa na vytváranie položiek zoznamu, ktoré sa majú umiestniť ako položky rozbaľovacieho zoznamu.

Po nastavení štruktúry rozbaľovacieho zoznamu teraz použijeme niekoľko základných štýlov:

štítok {
displej: blok;
margin-bottom: 5px;
}
vyberte {
výplň: 5px;
border-radius: 5px;
šírka: 200px;
}

Vysvetlenie vlastností CSS je popísané nižšie:

  • Najprv vyberte „ štítok “ a potom nastavte hodnoty „block“ a „5px“ na CSS „ displej “ a „ okraj-dole vlastnosti.
  • Ďalej, „ vyberte je vybratý prvok a poskytuje hodnoty „5px“, „5px“ a „200px“ pre CSS „ vypchávka “, “ hraničný polomer “ a „ šírka vlastnosti, resp. Tieto vlastnosti sa využívajú na zlepšenie viditeľnosti používateľa.

Po vykonaní vyššie uvedených útržkov kódu bude webová stránka vyzerať takto:

Vyššie uvedený výstup ukazuje, že rozbaľovacia ponuka bola vytvorená pomocou „ ” tag s “ ” tag.

Príklad 2: Vytvorenie zoznamu automatického dopĺňania

' Značka ” sa používa so značkou “ ” na vytvorenie zoznamu automatického dopĺňania. Používa sa spolu s „ “, ktorá sa vyplní možnosťami dostupnými v zozname automatického dopĺňania. Kód na vytvorenie zoznamu s automatickým dopĺňaním pomocou HTML je uvedený v úryvku kódu nižšie:

< štítok pre = 'prog-tools' > Alebo typu programovací nástroj: štítok >
< vstup typu = 'text' id = 'prog-tools' zoznam = 'nástroje' >
< zoznam údajov id = 'nástroje' >
< možnosť hodnotu = 'C++' >
< možnosť hodnotu = 'Zhromaždenie' >
< možnosť hodnotu = '.Net' >
< možnosť hodnotu = 'PHP' >
< možnosť hodnotu = 'Ruby' >
< možnosť hodnotu = 'rýchly' >
< možnosť hodnotu = 'Node js' >
< možnosť hodnotu = 'Reagovať' >
< možnosť hodnotu = 'Mongo' >
< možnosť hodnotu = 'Java' >
< možnosť hodnotu = 'Python' >
zoznam údajov >

Vo vyššie uvedenom útržku kódu:

  • Najprv pridajte „ <štítok> ” tag, ktorý zobrazuje text spolu s prvkom HTML.
  • Ďalej použite „ “, ktorú používateľ vyplní manuálne alebo ju možno vyplniť automaticky pomocou možností dostupných v zozname automatického dopĺňania.
  • Potom použite „ ” tag a nastavte jeho “ id „hodnota atribútu sa rovná hodnote „ zoznam ” atribút z “ ” tag.
  • Ďalej použite „ ” v značke „“ na vytvorenie položky pre zoznam automatického dopĺňania.

Po vykonaní vyššie uvedeného útržku kódu bude webová stránka vyzerať takto:

Výstup ukazuje, že zoznam automatického dokončovania sa vytvára pomocou „ ” tag s kombináciou “ “ a „ 'značky.'

Záver

' ” umožňuje vývojárovi vytvoriť možnosti pre zoznam možností, z ktorých si používateľ môže vybrať ľubovoľnú možnosť. Túto značku „