Kas ir opciju tags HTML?

Kas Ir Opciju Tags Html



' ” tags tiek izmantots, lai definētu opciju, ko lietotājs var izvēlēties no nolaižamās izvēlnes vai no atlases sarakstiem tīmekļa veidlapās. ' ” tags ļauj izstrādātājiem izveidot opciju kopu, no kurām lietotājs var izvēlēties jebkuru opciju. Tas tiek izmantots dažādās lietojumprogrammās, piemēram, aptaujās, tiešsaistes iepirkšanās vietnēs, reģistrācijas veidlapās utt.

Šajā rakstā ir parādīts opcijas tags HTML kodā, kā arī praktiski piemēri:





Kas ir opciju tags un kā to izmantot HTML?

Opciju tagu var izmantot ar ' ' un ' ” atzīmes. Gadījumā, ja “ ” tagu, tas izveido opciju sarakstu, kuras pārlūkprogramma var automātiski pabeigt. Apskatīsim dažus piemērus, lai labāk izprastu attiecības starp ' atzīme ar ' ' un ' 'birkas:



1. piemērs: nolaižamā saraksta izveide



' tags tiek izmantots kopā ar ” tagu, lai tīmekļa lapā izveidotu nolaižamo sarakstu. ' ” izveido katru opciju/saraksta vienumu nolaižamajā sarakstā. Lai labāk izprastu, izpildiet tālāk norādīto koda fragmentu:



< h2 > Programmēšanas valodas h2 >
< etiķete priekš = 'prog-ierocis' > Izvēlieties programmēšanas ieroci: etiķete >
< atlasiet id = 'prog-lists' >
< opciju vērtību = '' > Izvēlieties opciju opciju >
< opciju vērtību = 'c++' > C++ opciju >
< opciju vērtību = '.tīkls' > Punktu tīkls opciju >
< opciju vērtību = 'nodejs' > Node js opciju >
atlasiet >

Iepriekš minētajā koda fragmentā:



  • Pirmkārt, ' tags tiek izmantots, lai parādītu datus, un tam tiek piešķirts ' tagu, izmantojot savu ' priekš ” atribūts.
  • Pēc tam ' ” tags tiek izmantots, lai izveidotu vidi nolaižamajam sarakstam.
  • Tālāk “ ” tags tiek izmantots, lai izveidotu saraksta vienumus, kas ievietojami kā nolaižamā saraksta vienumi.

Pēc nolaižamā saraksta struktūras iestatīšanas pielietosim dažus pamata stilus:

etiķete {
displejs: bloks;
piemale-apakšā: 5 pikseļi;
}
atlasiet {
polsterējums: 5 pikseļi;
apmales rādiuss: 5 pikseļi;
platums: 200 pikseļi;
}

CSS rekvizītu skaidrojums ir aprakstīts tālāk:

  • Vispirms atlasiet “ etiķete ” elementu un pēc tam iestatiet “block” un “5px” vērtības uz CSS “ displejs ' un ' piemale-apakšā ” īpašības.
  • Tālāk “ atlasiet ' ir atlasīts elements un nodrošina CSS vērtības '5px', '5px' un '200px' polsterējums ”, “ robeža-rādiuss ' un ' platums ” īpašības, attiecīgi. Šie rekvizīti tiek izmantoti, lai uzlabotu lietotāja redzamību.

Pēc iepriekš minēto koda fragmentu izpildes tīmekļa lapa izskatās šādi:

Iepriekš redzamā izvade parāda, ka nolaižamā izvēlne ir izveidota, izmantojot “ ' atzīme ar ' ” tagu.

2. piemērs: automātiskās pabeigšanas saraksta izveide

' tags tiek izmantots kopā ar ” tagu, lai izveidotu automātiskās pabeigšanas sarakstu. To lieto kopā ar ' ” tagu, ko aizpilda automātiskās pabeigšanas sarakstā pieejamās opcijas. Kods automātiskās pabeigšanas saraksta izveidei, izmantojot HTML, ir parādīts zemāk esošajā koda fragmentā:

< etiķete priekš = 'programmas rīki' > Or veids programmēšanas rīks: etiķete >
< ievade veids = 'teksts' id = 'programmas rīki' sarakstu = 'instrumenti' >
< datu saraksts id = 'instrumenti' >
< opciju vērtību = 'C++' >
< opciju vērtību = 'Asambleja' >
< opciju vērtību = '.Tīkls' >
< opciju vērtību = 'PHP' >
< opciju vērtību = 'Rubīns' >
< opciju vērtību = 'Ātra' >
< opciju vērtību = 'Node js' >
< opciju vērtību = 'Reaģēt' >
< opciju vērtību = 'Mongo' >
< opciju vērtību = 'Java' >
< opciju vērtību = 'Pitons' >
datu saraksts >

Iepriekš minētajā koda fragmentā:

  • Vispirms pievienojiet ' ” tagu, kas parāda tekstu kopā ar HTML elementu.
  • Pēc tam izmantojiet ' ” tagu, ko lietotājs aizpilda manuāli, vai arī to var automātiski aizpildīt, izmantojot automātiskās pabeigšanas sarakstā pieejamās opcijas.
  • Pēc tam izmantojiet ' ' tagu un iestatiet tā ' id ' atribūta vērtība ir vienāda ar ' sarakstu ' atribūts ' ” tagu.
  • Pēc tam izmantojiet ' ” tagu tagā “”, lai izveidotu vienumu automātiskās pabeigšanas sarakstam.

Pēc iepriekš minētā koda fragmenta izpildes tīmekļa lapa izskatās šādi:

Izvade parāda, ka automātiskās pabeigšanas saraksts tiek izveidots, izmantojot ' ' atzīme ar kombināciju ' ' un ' ” atzīmes.

Secinājums

' ” tags ļauj izstrādātājam izveidot opciju saraksta opcijas, no kurām lietotājs var izvēlēties jebkuru opciju. Šo “