Kas yra parinkčių žyma HTML?

Kas Yra Parinkciu Zyma Html



„ “ žyma naudojama norint apibrėžti parinktį, kurią vartotojas gali pasirinkti iš išskleidžiamojo meniu arba iš pasirinkimo sąrašų žiniatinklio formose. „ “ žyma leidžia kūrėjams sukurti parinkčių rinkinį, iš kurio vartotojas gali pasirinkti bet kurią parinktį. Jis naudojamas įvairiose programose, tokiose kaip apklausos, internetinės prekybos svetainės, registracijos formos ir kt.

Šiame straipsnyje pateikiama HTML parinkties žyma kartu su praktiniais pavyzdžiais:





Kas yra parinkčių žyma ir kaip ją naudoti HTML?

Parinkčių žyma gali būti naudojama su ' “ ir „ “ žymas. Tuo atveju, kai „ “, sukuriamas parinkčių, kurias naršyklė gali automatiškai užbaigti, sąrašas. Pažvelkime per kelis pavyzdžius, kad geriau suprastume ryšį tarp “ žyma su “ “ ir „ “ žymės:



1 pavyzdys: išskleidžiamojo sąrašo kūrimas



„ “ žyma naudojama su “ “ žymą, kad sukurtumėte išskleidžiamąjį sąrašą tinklalapyje. „ “ sukuria kiekvieną parinktį / sąrašo elementą išskleidžiamajame sąraše. Norėdami geriau suprasti, vadovaukitės toliau pateiktu kodo fragmentu:



< h2 > Programavimo kalbos h2 >
< etiketė dėl = 'progninis ginklas' > Pasirinkite programavimo ginklą: etiketė >
< pasirinkite id = 'prog-listai' >
< variantas vertė = '' > Pasirinkite Parinktį variantas >
< variantas vertė = 'c++' > C++ variantas >
< variantas vertė = '.net' > Taškų tinklas variantas >
< variantas vertė = 'nodejs' > Mazgas js variantas >
pasirinkite >

Aukščiau pateiktame kodo fragmente:



  • Pirma, „ “ žyma naudojama duomenims rodyti ir priskiriama “ “ žyma naudojant savo “ dėl “ atributas.
  • Po to „ “ žyma naudojama išskleidžiamojo sąrašo aplinkai sukurti.
  • Toliau „ “ žyma naudojama sąrašo elementams sukurti, kurie bus pateikiami kaip išskleidžiamojo sąrašo elementai.

Sukūrę išskleidžiamojo sąrašo struktūrą, pritaikykime pagrindinį stilių:

etiketė {
ekranas: blokas;
paraštė-apačia: 5 pikseliai;
}
pasirinkite {
pamušalas: 5px;
kraštinės spindulys: 5 pikseliai;
plotis: 200 pikselių;
}

CSS savybių paaiškinimas aprašytas toliau:

  • Pirmiausia pasirinkite „ etiketė “ elementą, tada nustatykite „block“ ir „5px“ reikšmes į CSS „ ekranas “ ir „ paraštė-apačia “ savybes.
  • Toliau „ pasirinkite elementas yra pasirinktas ir pateikia „5px“, „5px“ ir „200px“ reikšmes CSS „ kamšalas “, „ pasienio spindulys “ ir „ plotis “ savybes, atitinkamai. Šios savybės naudojamos siekiant pagerinti vartotojo matomumą.

Atlikus aukščiau nurodytus kodo fragmentus, tinklalapis atrodo taip:

Aukščiau pateikta produkcija rodo, kad išskleidžiamasis meniu buvo sukurtas naudojant „ “ žyma su “ “ žymą.

2 pavyzdys: Automatinio užbaigimo sąrašo kūrimas

„ “ žyma naudojama su “ “ žymą, kad sukurtumėte automatinio užbaigimo sąrašą. Jis naudojamas kartu su ' <įvestis> “ žymą, kurią užpildo automatinio užbaigimo sąraše esančios parinktys. Kodas, skirtas automatinio užbaigimo sąrašui sukurti naudojant HTML, rodomas toliau pateiktame kodo fragmente:

< etiketė dėl = 'programiniai įrankiai' > Arba tipo programavimo įrankis: etiketė >
< įvestis tipo = 'tekstas' id = 'programiniai įrankiai' sąrašą = 'įrankiai' >
< duomenų sąrašas id = 'įrankiai' >
< variantas vertė = 'C++' >
< variantas vertė = 'Asamblėja' >
< variantas vertė = '.Net' >
< variantas vertė = 'PHP' >
< variantas vertė = 'Rubinas' >
< variantas vertė = 'Greitas' >
< variantas vertė = „Node js“ >
< variantas vertė = 'Reaguoti' >
< variantas vertė = 'Mongo' >
< variantas vertė = 'Java' >
< variantas vertė = 'Python' >
duomenų sąrašas >

Aukščiau pateiktame kodo fragmente:

  • Pirmiausia pridėkite „ “ žymą, kuri rodo tekstą kartu su HTML elementu.
  • Tada naudokite „ <įvestis> “ žymą, kurią vartotojas užpildo rankiniu būdu arba gali būti automatiškai užpildytas naudojant automatinio užbaigimo sąrašo parinktis.
  • Po to naudokite „ ' žymą ir nustatykite jos ' id ' atributo vertė lygi ' reikšmei sąrašą ' atributas ' <įvestis> “ žymą.
  • Tada naudokite „ “ žymą „“, kad sukurtumėte elementą automatinio užbaigimo sąrašui.

Įvykdžius aukščiau pateiktą kodo fragmentą, tinklalapis atrodo taip:

Išvestis rodo, kad automatinio užbaigimo sąrašas sukuriamas naudojant „ “ žyma su „“ deriniu “ ir „ <įvestis> “ žymas.

Išvada

„ “ žyma leidžia kūrėjui sukurti parinkčių sąrašo parinktis, iš kurių vartotojas gali pasirinkti bet kurią parinktį. Šią „