Mis on valikumärgend HTML-is?

Mis On Valikumargend Html Is



' ” märgendit kasutatakse valiku määratlemiseks, mille kasutaja saab valida rippmenüüst või veebivormide valikuloenditest. ' ” silt võimaldab arendajatel luua valikute komplekti, mille hulgast kasutaja saab valida mis tahes valiku. Seda kasutatakse erinevates rakendustes, nagu küsitlused, veebipõhised ostusaidid, registreerimisvormid jne.

See artikkel demonstreerib HTML-i valikumärgendit koos praktiliste näidetega:





Mis on valikumärgend ja kuidas seda HTML-is kasutada?

Valikumärgendit saab kasutada koos ' ” ja „ ” sildid. Kui tegemist on ' ” silt, loob see valikute loendi, mida brauser saab automaatselt täita. Toome läbi paar näidet, et paremini mõista ' ' sildi ' ” ja „ ” sildid:



Näide 1: rippmenüü loomine



' ' silti kasutatakse koos ' ” märgendit, et luua veebilehel rippmenüü. ' ” loob ripploendis iga valiku/loendiüksuse. Parema mõistmise huvides järgime allolevat koodilõiku:



< h2 > Programmeerimiskeeled h2 >
< silt jaoks = 'progrelv' > Valige programmeerimisrelv: silt >
< vali id = 'prog-listid' >
< valik väärtus = '' > Valige suvand valik >
< valik väärtus = 'c++' > C++ valik >
< valik väärtus = '.net' > Punktvõrk valik >
< valik väärtus = 'nodejs' > Sõlme js valik >
vali >

Ülaltoodud koodilõigul:



  • Esiteks, ' ' silti kasutatakse andmete kuvamiseks ja see on määratud ' märgend kasutades oma ' jaoks ” atribuut.
  • Pärast seda ' ” märgendit kasutatakse rippmenüü jaoks keskkonna loomiseks.
  • Järgmiseks ' ” silti kasutatakse loendiüksuste loomiseks, mis paigutatakse ripploendi üksustena.

Pärast ripploendi struktuuri seadistamist rakendame nüüd mõnda põhilist stiili:

silt {
kuva: plokk;
veeris-alumine: 5px;
}
vali {
polster: 5px;
piiri raadius: 5 pikslit;
laius: 200 pikslit;
}

CSS-i omaduste selgitust kirjeldatakse allpool:

  • Esmalt valige ' silt ” element ja seejärel määrake CSS-i väärtused „block” ja „5px” kuva ” ja „ margin-alumine ” omadused.
  • Järgmiseks ' vali ' element on valitud ja annab CSS-ile väärtused '5px', '5px' ja '200px' polsterdus ”, „ piiriraadius ” ja „ laius ” omadused. Neid omadusi kasutatakse kasutaja nähtavuse parandamiseks.

Pärast ülaltoodud koodilõikude täitmist näeb veebileht välja järgmine:

Ülaltoodud väljund näitab, et rippmenüü on loodud kasutades ' ' sildi ' ” silti.

Näide 2: automaatse täitmise loendi loomine

' ' silti kasutatakse koos ' ” automaatse täitmise loendi loomiseks. Seda kasutatakse koos ' ” märgend, mis täidetakse automaatse täitmise loendis saadaolevate valikutega. HTML-i abil automaatselt täidetava loendi loomise kood on näidatud allolevas koodilõigul:

< silt jaoks = 'programm-tööriistad' > Või tüüp programmeerimistööriist: silt >
< sisend tüüp = 'tekst' id = 'programm-tööriistad' nimekirja = 'tööriistad' >
< andmeloend id = 'tööriistad' >
< valik väärtus = 'C++' >
< valik väärtus = 'Assamblee' >
< valik väärtus = '.Net' >
< valik väärtus = 'PHP' >
< valik väärtus = 'Rubiin' >
< valik väärtus = 'Kiire' >
< valik väärtus = 'Node js' >
< valik väärtus = 'Reageeri' >
< valik väärtus = 'Mongo' >
< valik väärtus = 'Java' >
< valik väärtus = 'Python' >
andmeloend >

Ülaltoodud koodilõigul:

  • Esmalt lisage ' ” märgend, mis kuvab teksti koos HTML-elemendiga.
  • Järgmisena kasutage ' ” silt, mille kasutaja täidab käsitsi või mida saab automaatselt täita automaatse täitmise loendis saadaolevate valikute abil.
  • Pärast seda kasutage ' ' silt ja määrake selle ' id ' atribuudi väärtus on võrdne atribuudi ' väärtusega nimekirja ' atribuut ' ” silti.
  • Järgmisena kasutage ' ” märgendi „” sees, et luua üksus automaatselt täidetava loendi jaoks.

Pärast ülaltoodud koodilõigu täitmist näeb veebileht välja selline:

Väljund näitab, et automaatse täitmise loend luuakse kasutades ' ' silt kombinatsiooniga ' ” ja „ ” sildid.

Järeldus

' ” silt võimaldab arendajal luua valikute loendi jaoks valikuid, mille hulgast saab kasutaja valida mis tahes valiku. Seda märgendit „