Bij het ontwerpen van een webpagina of een hele site in HTML, moet u wellicht een aflevermap HTML. Als u nog niet vertrouwd zijn met deze vakken, zijn deze handige kleine velden (vaak gevonden in HTML formulieren) waarmee u een item uit een lijst selecteren door op een pijl te klikken en vervolgens scrollen naar beneden om te vinden de optie gewenste in de lijst die druppels neer onder die pijl. U gebruikt een HTML-editor of met de hand codering, maken een HTML drop is box eenvoudig.
Een HTML-formulier maken waardoor uw HTML aflevermap huis. Binnen een HTML-formulier kunt u een HTML-aflevermap voor alles van waardoor een gebruiker om aan te geven van de voorkeuren in een e-mail indienen van formulieren voor het maken van een automatische omleiding op basis van de optie in de lijst waarop de gebruiker klikt.
Kies een "Select" tag als u een HTML-editor gebruikt, of als u zijn hand-codering uw HTML. Typ het volgende:
Met behulp van de "Optie"-tag in uw "Selecteer" tag. In alle items die u wilt weergegeven in de lijst voor uw drop box toevoegen. Een waarde voor elk item in de lijst toevoegen, zodat uw formulier script zal zitten kundig voor het interpreteren van de selectie van de gebruiker. U kunt zoveel "Optie" labels als u nodig hebt. Nadat u deze stap hebt voltooid, uw HTML-code moet als volgt uitzien:
Wat u typt tussen de openende en sluitende "Optie" tags zullen wat wordt weergegeven in de aflevermap. Het kenmerk value is voor gebruik door het script van uw formulier.
Geven uw "Selecteer" tag een kenmerk name, vooral als u van meerdere drop-dozen in één formulier gebruikmaakt. Uw formulier script wellicht de "Select" tag met een naam attribuut hebben. Uw "Select" begintag moet als volgt uitzien:
Stel een size attribuut in uw "Selecteren"-tag als u meer dan één item wilt worden weergegeven in de lijst wanneer de gebruiker de pagina laadt. Bijvoorbeeld, als u drie items weergeven op de pagina, verander uw tag "Selecteren" zoals dit:
Programmering tweaks aan het script dat u wilt gebruiken met de vorm te voltooien, en toevoegen ter zake dienende referenties in uw HTML-bestand. De exacte eisen afhankelijk van wat u wilt doen met uw formulier. Maar als u zijn met behulp van JavaScript te veroorzaken een redirect pagina met uw drop box, moet u wellicht een onchange-attribuut toevoegen aan uw "Selecteer" tag die naar de locatie van uw script verwijst. Ook, moet uw script bevat instructies vertellen welke pagina omleiden naar voor elke optie in uw drop box.
- Als u een van de items in uw lijst wilt voorgeselecteerd voor het geval wanneer de gebruiker de pagina laadt, voeg dit in de "Optie" label voor dat item: geselecteerde = "geselecteerd"
- Als u wilt toestaan dat de gebruiker meer dan één item selecteren in de lijst, zoals een indienen van formulieren, voeg de volgende in de "Select" tag: meerdere = "meerdere"
- Het is altijd een goed idee om webpagina's te testen in meerdere browsers om ervoor te zorgen dat zij verenigbaar zijn met de verschillende platformen.