Valikud antakse kasutajale, kui ühel elemendil on mitu väärtust, kust kasutajad saavad valida suvandi vastavalt oma eelistustele. See on erineval kujul, näiteks märkeruudu, rippmenüü ja raadionupu kujul. Täpsemalt pakub rippmenüü eelmääratletud valikute loendeid, mis võimaldavad kasutajal ühe valida.
See juhend selgitab valitud valiku värvi muutmise protseduuri. Selleks loome esmalt rippmenüü ja kujundame selle CSS-i abil ning seejärel muudame valitud valiku värvi.
Alustame!
Kuidas luua rippmenüüd HTML-i ja CSS-i abil?
HTML-is saate luua rippmenüü, kasutades ' ”, „ ” ja „ ” sildid. Selgemaks mõistmiseks liigume rippmenüü süntaksi juurde.
Süntaks
Siin on rippmenüü süntaks:
< silt > Tekst silt > < vali > < valik väärtus = '' > valik 1 valik > < valik väärtus = '' > variant 2 valik >
... < valik väärtus = '' > valikN valik > vali >
Selgitame ülaltoodud süntaksis kasutatud HTML-märgendeid:
Seda kasutatakse lühendatud valiku määramiseks teksti kujul.
: See element võimaldab kasutajal valida loendist üksuse.
: Seda kasutatakse rippmenüü valikute pakkumiseks.
Siin on praktiline näide ülaltoodud süntaksi selgitamiseks.
1. samm: looge rippmenüü
Esiteks loome
ja lisame pealkirja, kasutades sildi
. Sellesse rippmenüü lisamiseks kasutame sildi silti ja lisame ' Valige riik ” nagu etikett. Pärast seda kasutame märgendit