Bij het maken van een website is het heel gemakkelijk om rommel van een webpagina met informatie. Een van de gemakkelijkste manieren om te verwijderen van de rommel en een schone uitstraling geven aan uw website is door het toevoegen van een functionerende drop-down menu. Samen met bij het opruimen van uw website, kunt een drop-down menu ook eenvoudiger navigatie van de site voor uw bezoekers door meerdere koppelingen gemakkelijk te vinden. Een drop-down menu op een website instellen, vereist slechts een eenvoudige HTML-code aanvulling aan uw webpagina.
Wat die u nodig hebt
- HTML-editor
Plaats uw vervolgkeuzelijst in een formulier op de websitepagina van uw. Vergelijkbaar met papieren formulieren, een webformulier is een plaats waar gebruikers kunnen gegevens invoeren met selectievakjes, keuzerondjes en tekstvakken, evenals het maken van een drop-down menu. Om te beginnen de vorm, beginnen met de volgende code:
De naam van het formulier kan worden wat je wilt (wij kozen hier voor waterdruppel-waas spijskaart) en wordt gebruikt voor het label van uw formulier voor later gebruik.
Voeg de select functie op uw webformulier. De select functie wordt gebruikt om een selectielijst (of drop-down lijst) te maken waar de afzonderlijke waarden zal worden gehouden. Een selectielijst zal trekken van de geselecteerde waarde in het vak van de vervolgkeuzelijst en maak de waarde actief voor selectie. De code voor het maken van een select functie ziet er zo uit:
Optiewaarden toevoegen aan uw select functie in het drop-down menu. De afzonderlijke selecties in een drop-down menu zijn bekend als opties. De functie waarde is de URL (of webadres) die de optie op is aangesloten. U kunt zo veel opties aan uw drop-down menu als nodig en dit is hoe het drop-down menu kunt helpen om rommel op uw website plaatsen. Als optiewaarden wilt toevoegen, voeg deze code aan uw select functie:
Maak een select knop voor activeren uw vervolgkeuzelijst zodat gebruikers de optie die ze kiezen. De knop selecteren moet hetzij naar links of rechts van uw waterdruppel-waas spijskaart en dicht genoeg dat gebruikers weten dat het is gerelateerd aan het menu. U kunt uw knoop van het zeggen van om het even wat dat u wenst te grijpen de aandacht van de gebruiker hebben. Voor onze drop-down menu we gewoon gebruiken "Selekteer." Voeg een Select knop toe aan uw waterdruppel-waas spijskaart, voeg de volgende regel code:
Plaats uw drop-down menu op uw website. De drop-down menu kan overal worden toegevoegd dat u kiezen op uw website. Plaats de waterdruppel-waas spijskaart code in uw web-pagina HTML en zorg om de functionaliteit van het drop-down menu meteen.
- Uw waterdruppel-waas spijskaart visueel aantrekkelijker maken door toevoeging van CSS (Cascading Style Sheets) code om de kleuren en het uiterlijk van het formulier wijzigen.
- Voeg niet teveel opties toe aan uw waterdruppel-waas spijskaart. Er is geen magische nummer, maar hebben te veel opties kan maken uw waterdruppel-waas spijskaart verwarrend en bezoekers kan irriteren. Als je een heleboel opties hebt, kunt u overwegen ertussen in categorieën en het creëren van meerdere drop-down menu's.