Hvordan kan jeg angi standardverdien for en HTML <select> Element?
I nettutvikling, mens vi lager et skjema, trenger vi forskjellige komponenter, for eksempel inngangsfelt, knapper, radioknapper, sjekklister og mange flere. Rullegardinmenyen er en slik komponent som er lagt til i et skjema for å velge et alternativ fra en liste over menyer. Dette kan lages på en webside ved hjelp av et HTML -element som består av flere alternativer spesifisert i HTML -elementet.
Denne studien vil demonstrere metoden for å angi en standardverdi for et HTML -element.
Hvordan spesifisere standardverdien for HTML -element?
Noen ganger "valgt”Attributt må legges til for å sette et standardalternativ. Innenfor rullegardinlisten vil alternativet med det valgte attributtet vises som standard.
Syntaksen nedenfor viser hvordan du gjør et alternativ til en standardverdi:
Sjekk ut eksemplet nedenfor for demonstrasjonen!
Eksempel: Angi standardverdi for HTML -element
I HTML, først, legg til et DIV -element med klassenavnet “innhold”. Inne i dette elementet:
- Legg til et overskriftselement
.
- Deretter legger du til
element med noe innhold. De element i
elementet brukes til å gjøre teksten fet.
- Inkluderer HTML “”Element med attributtenavn og ID.
- Som vi har diskutert ovenfor, inneholder SELECT-elementet de tilgjengelige alternativene i rullegardinmenyen. Disse alternativene er spesifisert med HTML “”Element.
Så se på det undergitte kodebiten der det andre alternativet er spesifisert med attributtet "valgt”For å definere det som standardverdi:
Linuxhint
Velg innleggene dine:
I dette tilfellet, "Teknisk forfatter”Vil bli valgt og vist som standardalternativ:
La oss ta turen til CSS -delen, hvor vi vil bruke forskjellige CSS -stylingegenskaper for å style HTML -elementene.
Stil “innhold” div
.innhold
Bredde: 370px;
Høyde: 280px;
Grense: 1px fast nr. 874c62;
Margin: Auto;
bakgrunnsfarge: RGB (34, 32, 32);
polstring: 18px;
Border-Radius: 6px;
“.innhold”Brukes for å få tilgang til HTML DIV -elementet med klasseinnholdet. Forklaringen på ovennevnte CSS-egenskaper er listet opp nedenfor:
- “bredde”Eiendom justerer elementets bredde.
- “høyde”Eiendom bestemmer elementets høyde.
- “grense”Eiendom spesifiserer grensen rundt elementet. Verdien spesifiserer grensebredde, grensestil og grensefarge.
- “margin”Eiendom spesifiserer mengden plass rundt elementet.
- “bakgrunnsfarge”Angir elementets bakgrunnsfarge.
- “polstring”Brukes til å øke plassen rundt elementets innhold.
- “Border-Radius”Er eiendommen som gjør elementets hjørner rundt.
Stil “P” -element
.Innhold P
Font-størrelse: 20px;
Farge: #FFF;
De
Element av DIV -innholdet er stylet med følgende egenskaper:
- “skriftstørrelse”Angir elementets skriftstørrelse.
- “farge”Eiendom justerer elementets skriftfarge.
Stil “Select” -element
plukke ut
polstring: 5px;
Border-Radius: 5px;
Oversikt: Ingen;
Font-størrelse: 18px;
Select -elementet brukes med følgende egenskaper:
- “skissere”Eiendom spesifiserer en grense eller omriss rundt elementet, hovedsakelig når den er valgt.
- “polstring”,“Border-Radius”, Og“skriftstørrelse”Egenskaper utfører funksjoner som angitt ovenfor.
Stil “H1” -element
.Innhold H1
tekst-align: sentrum;
Font-størrelse: 45px;
Farge: #E485B9;
De
Elementet er dekorert med følgende egenskaper: - “Tekstalign”Eiendom justerer elementets tekstjustering.
- “skriftstørrelse”Og“farge”Egenskaper stylet elementet på en måte som nevnt ovenfor.
GIF nedenfor viser det endelige resultatet av koden:
Slik kan du angi standardverdien for et HTML -element.
Konklusjon
HTML -elementet omfatter flere menyer som kan velges. Disse menyene er spesifisert i HTML -elementet. For å angi standardverdien for et HTML -element, er det påkrevd å spesifisere attributtet “valgt”For det alternativet. Denne studien har beskrevet HTML -elementet og metoden for å angi standardverdien med et praktisk eksempel.