Vervolgkeuzelijsten op websites kunnen de gebruiker kiezen uit een lijst met opties. De vakken kunnen worden gebruikt in formulieren die zijn ingediend door de gebruiker of voor snellere navigatie van de site. Voordelen van de drop-down box zijn de economische scherm gebruik en eenvoudige interface. De vakken ook helpen om te voorkomen dat gebruikers ongeldige gegevens invoeren. Informatie over het maken van een eenvoudige vervolgkeuzelijst in HTML.
Wat die u nodig hebt
- Teksteditor zoals Kladblok of wordpad
Maak een HTML-document met behulp van een eenvoudige tekst-editor, zoals Kladblok, of elke HTML-editing software. Doe dit door het invoegen van het < html > en < body > label boven aan uw document. Deze markeringen bepalen welke erin als HTML. Zorg ervoor dat u deze tags sluiten door het invoegen van < / html > en < / body > aan het einde van uw document. Opslaan met de extensie .html.
Voeg de < select >-tag om te maken van een drop-down menu; Vergeet niet om het te sluiten met de eindcode: < / select >. Een naam, die intern, met behulp van het kenmerk "naam" binnen de openingstag select wordt gebruikt, kan u dit menu ook geven. Bijvoorbeeld, zou deze vorm worden hierna intern "kaas."
< html >
< body >
< naam selecteren = "kaas" >
< / selecteert u >
< / body >
< / html >Een optie in het menu met behulp van de tag < optie > binnen de "select" tags toevoegen. Zorg ervoor dat sluit het gebruik van deze tag < / optie >. Voeg zoveel opties aan het menu als u wenst. Alle opties zichtbaar zodra de gebruiker het drop-down menu breidt. Gebruik het kenmerk "waarde" zodat elk een interne naam en "geselecteerd" te stellen worden standaard ingeschakeld. Afwerking van het voorbeeld:
< html >
< body >
< naam selecteren = "kaas" >
< optie geselecteerde waarde = "cheddar" > Cheddar < / optie >
< optie waarde = "swiss" > Swiss < / optie >
< optie waarde = "provolone" > Provolone < / optie >
< optie waarde = "gouda" > Gouda < / optie >
< / selecteert u >
< / body >
< / html >
- Gebruik voor navigatie of als onderdeel van een formulier.
- Javascript gebruiken om de gebruiker om te kiezen uit de drop-down box en vervolgens voor zorgen dat het om iets te doen, zoals navigeren naar een gekozen pagina.