Sådan oprettes en rulleliste

Eksempel rullemenu Udvidet

drop-down bokse på hjemmesider giver brugeren mulighed for at vælge fra en liste af muligheder.Boksene kan bruges i formularer forelægges af brugeren eller for hurtigere site navigation.Fordele for drop-down boks er dens økonomiske skærm brug og nem brugerflade.Boksene også bidrage til at forhindre brugere i at komme ind ugyldige data.Lær hvordan du opretter en simpel drop-down boks i HTML.

hvad du har brug

  • teksteditor som Notesblok eller WordPad

Instruktioner

  1. Opret et HTML-dokument ved hjælp af en simpel teksteditor, f.eks notesblok, eller en hvilken som helst HTML redigeringsprogram.Gør dette ved at indsætte & amp; lt; html & amp; gt;og & amp; lt; body & amp; gt;tag i toppen af ​​dit dokument.Disse tags definerer, hvad der er inde i dem som HTML.Sørg for at lukke disse tags ved at indsætte & amp; lt; / html & amp; gt;og & amp; lt; / body & amp; gt;ved slutningen af ​​dit dokument.Gem det med en .html forlængelse.

  2. Tilsæt & amp; lt; vælge & amp; gt;

    tag til at oprette en drop down menu;husk at lukke den med enden tag: & amp; lt; / Vælg & amp; gt ;.Du kan også give denne menu et navn, som bruges internt, ved at bruge "navn" attribut inden åbningen vælge tag.For eksempel vil dette skema blive henvist til internt "ost."
    & amp; lt; html & amp; gt;
    & amp; lt; body & amp; gt;
    & amp; lt; vælg name = "ost" & amp; gt;
    & amp; lt; / vælge & amp; gt;
    & amp; lt; / body & amp; gt;
    & amp; lt; / html & amp; gt;

  3. Tilføj en indstilling i menuen ved brug af & amp; lt; option & amp; gt;tag inde i "Vælg" tags.Sørg for at lukke dette tag ved brug af & amp; lt; / option & amp; gt ;.Tilføj så mange muligheder for at menuen som du ønsker.Alle muligheder vil blive synlige, når brugeren udvider drop-down menuen.Brug "værdi" attribut at give hver et internt navn og "valgt" at sætte den til at blive valgt som standard.Efterbehandling eksemplet:
    & amp; lt; html & amp; gt;
    & amp; lt; body & amp; gt;
    & amp; lt; vælg name = "ost" & amp; gt;
    & amp; lt; option valgte værdi = "cheddar" & amp; gt; Cheddar & amp; lt; / option & amp; gt;
    & amp; lt; option value = "swiss" & amp; gt; Swiss & amp; lt; / option & amp; gt;
    & amp; lt; option value = "Provolone" & amp; gt; Provolone & amp; lt; / option & amp; gt;
    & amp; lt; option value = "Gouda" & amp; gt; Gouda & amp; lt; / option & amp; gt;
    & amp; lt; / vælge & amp; gt;
    & amp; lt; / body & amp; gt;
    & amp; lt; / html & amp; gt;

Tips & amp;Advarsler

  • Brug for site navigation eller som en del af en formular.
  • Brug Javascript til at tillade brugeren at vælge fra drop-down boksen og derefter få det til at gøre noget, som f.eks navigere til en valgt side.
849
0
1
Html