Hoe maak je Drop-Down menu's op een Website

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.

Tips & waarschuwingen
  • 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.

Gerelateerde Artikelen

Hoe maak je Drop-Down keuze knoppen op een Excel-werkblad

Hoe maak je Drop-Down keuze knoppen op een Excel-werkblad

Microsoft Excel is een spreadsheetprogramma dat deel uitmaakt van de Microsoft Office-Suite van office-programma's voor productiviteit. Terwijl dit programma voornamelijk voor data-analyse gebruikt wordt, is het ook goed voor het bouwen van lijsten m
Hoe maak je Drop-Down lijsten in Acrobat

Hoe maak je Drop-Down lijsten in Acrobat

De Acrobat-lijn van producten van Adobe zijn PDF schrijven toepassingen gebruikt voor het maken en bewerken of Portable Document Format-bestanden lezen. Dicht met functies, de Acrobat-producten kunnen gebruikers eenvoudig conversies van brondocumente
Hoe maak je Drop-Down velden in Microsoft Excel

Hoe maak je Drop-Down velden in Microsoft Excel

Wanneer het maken van werkbladen in Excel waarin andere gebruikers gegevens zullen invoeren, drop-down lijsten kunnen zeer nuttig zijn. Ze maken het gemakkelijker voor een gebruiker of verschillende gebruikers wilt maken van een juiste selectie in ee
Het bewerken van een Drop-Down Menu ingesloten in een Word 97-Document

Het bewerken van een Drop-Down Menu ingesloten in een Word 97-Document

Microsoft Word 97 kunt u formulieren insluiten en maken ze deel van uw document. Het drop-downmenu veld is een van de drie formuliervelden in Word 97. In tegenstelling tot een tekstveld waarmee gebruikers te typen in hun antwoorden, geeft een formuli
Hoe maak je een Drop-Down Menu in FrontPage 2003

Hoe maak je een Drop-Down Menu in FrontPage 2003

FrontPage 2003 was een softwaretool ontwikkeld door Microsoft voor gebruik in HTML bewerken en website beheer. Het werd beschreven als een wat u ziet is wat je krijgt, of WYSIWYG, editor. FrontPage 2003 opgenomen een aantal verschillende benaderingen
Hoe maak je een Drop-Down Menu in KompoZer

Hoe maak je een Drop-Down Menu in KompoZer

Een drop-down menu toevoegen aan een HTML-document helpt bezoekers navigeren op uw website. U kunt handmatig een drop-down menu code of gebruik een tool die het menu automatisch wordt gemaakt. De gratis KompoZer HTML editor helpt u bij het maken van
Hoe een Excel Drop-Down Menu-vak invoegen in een Word-Document

Hoe een Excel Drop-Down Menu-vak invoegen in een Word-Document

De vakken van de drop-down menu in Excel--gekenmerkt door een pijl van de vervolgkeuzelijst in de rechterbovenhoek--kunnen worden geplakt in een Word-document, mits u de optie in Word plakken speciaal. Als u nog niet de drop-down lijsten nog in Excel
Hoe maak je een Drop-Down Menu in ASP.NET

Hoe maak je een Drop-Down Menu in ASP.NET

Maken van een drop-down menu in uw ASP.NET-project kan maken uw web-pagina gebruikersvriendelijker door het creëren van een consistente methode waarmee bezoekers van uw website te navigeren. In ASP.NET kunt u de klasse van de "Menu" weer te geve
Hoe maak je een Drop Down Menu

Hoe maak je een Drop Down Menu

Bij het ontwerpen van uw website, kunt u opnemen van speciale functies, zoals formulieren voor klanten om in te vullen. Formulieren worden gebruikt voor het bestellen van een website of voor het verstrekken van andere soorten informatie. U kunt ofwel
Hoe maak je een Drop-Down Menu in Visual Basic

Hoe maak je een Drop-Down Menu in Visual Basic

Softwaregebruikers zijn gewend aan het activeren van de functies van software-applicaties door middel van een reeks menuopties van de drop-down. Het ontwerp van de drop-down gebruikt minimaal scherm onroerend goed, omdat het het hoogste niveau van uw
Hoe maak je een afbeelding Drop-Down Menu in CSS

Hoe maak je een afbeelding Drop-Down Menu in CSS

Vóór de ontwikkeling van Cascading Style Sheets, webdesigners gebruikt een combinatie van Hypertext Markup Language en JavaScript om drop-down menu's. Voor ongeveer een decennium, "
Hoe maak je een Drop-Down Menu in Dreamweaver CS5

Hoe maak je een Drop-Down Menu in Dreamweaver CS5

HTML-formulieren hebben op websites gebruikt om gegevens te verzamelen van bezoekers van de site, een aantal elementen beschikbaar om te communiceren met de bezoeker op verschillende manieren, zoals tekstvakken, keuzerondjes en drop-down menu's. Drop
Hoe maak je een Drop-Down Menu in iWeb

Hoe maak je een Drop-Down Menu in iWeb

Het programma iWeb is het opnemen van de iLife-software-pakket dat wordt geleverd met alle nieuwe Mac-computers. Met iWeb, kunnen Mac-gebruikers bouwen aangepaste webpagina's met tekst, foto's en zelfs videoclips. Als u gebruiken een drop-down menu o
Hoe maak je een verticale Drop-Down Menu in Flash CS5

Hoe maak je een verticale Drop-Down Menu in Flash CS5

De Adobe Flash en Dreamweaver set van toepassingen kunt u websites maken in de Flash taal met behulp van de Dreamweaver-ontwerpsoftware. De software bevat een wizard waarmee verticale drop-down menu's, zodat u navigeren op uw website kunt zonder enig