Hvordan: Hidden Velg Box i HTML

CSS gir deg en "skjult" attributtet som lar deg skjule noen HTML-element på en webside inkludert en "velg" boksen. CSS samhandler med HTML-kode for å styre layout og visuelle utseendet på websider. En "velg" boksen er en drop-down element som begrenser brukerundersøkelser, slik at de må velge ett av de forhåndsdefinerte verdier du setter opp. Du setter drop-down boks som "skjult" når du ønsker å fjerne muligheten fra brukeren visning uten å slette rullegardin fra koden.

Bruksanvisning

1 I Windows Utforsker Høyreklikk HTML-fil som inneholder rullegardin velger boks. Velg "Åpne med" i pop-up vindu, dobbeltklikk deretter ønsket HTML editor.

2 Finn drop-down valgboksen i HTML-koden. For å gjøre et søk etter drop-down element, trykk på "Ctrl" og "F" tastene for å åpne "Finn" dialogboksen. Type "<velg" i søketekstboksen og trykk "Enter".

3 Lag "velg" boksen i HTML-koden. Hvis du ikke allerede har en utvalgt boks opprettet, må du opprette en med en liste over verdiene for leserne å velge. Kopier og lim inn følgende kode for å opprette en utvalgt boks:

<Velg>

<Option> Red </ option>

<Option> Blå </ option>

<Option> Grønn </ option>

</ Velge>

Denne valgboksen viser en liste over farger. Bytt fargeverdiene med tekst du velger.

4 Skriv inn følgende kode i "<Velg>" drop-down boks HTML-koden:

style = "visibility: hidden"

Nedenfor er et eksempel på en skjult velger boks med den skjulte stil koden ved hjelp av valgboksen opprettet i trinn 3:

<Velg style = "visibility: hidden">

<Option> Red </ option>

<Option> Blå </ option>

<Option> Grønn </ option>

</ Velge>