Hoe maak je een Drop-Down Box



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 >

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

Gerelateerde Artikelen

Hoe maak je een Drop-Down Box in Microsoft Word

Hoe maak je een Drop-Down Box in Microsoft Word

Als de enige interactiviteit die u in uw Word-documenten iemand te klikken op een om het te lezen is, vindt u een wereld van kansen in een enigszins verborgen functie. Microsoft Word 2013 de ontwikkelaar tabblad is standaard verborgen, maar zodra u d
Hoe maak je een Drop-Down Box in Publisher

Hoe maak je een Drop-Down Box in Publisher

Formulierfuncties zoals daling onderaan dozen zijn gemaakt met JavaScript. Kortom, alles wat dynamisch op het web beweegt is scripted. Publisher biedt geen ondersteuning voor scripts, maar u kunt omzeilen dit met behulp van de functie voor HTML-codef
Hoe maak je een Drop-Down Box grotere in CSS

Hoe maak je een Drop-Down Box grotere in CSS

Hoewel u niet kunt een vervolgkeuzelijst om te kijken precies hoe u wilt zonder enige JavaScript betrokken stijl, kunt u de grootte wijzigen. Eventuele wijzigingen in de totale grootte omvatten instelling breedte en hoogte van het vak zelf, met een g
Hoe maak je een Drop-Down Box in Access

Hoe maak je een Drop-Down Box in Access

Inzicht van het aanpassen van veldtypen is essentieel om het ontwerpen van schone Access-formulieren die makkelijk te gebruiken zijn. In Access invoegen u vervolgkeuzelijsten met behulp van de wizard Keuzelijst met invoervak. Deze wizard begeleidt u
Hoe maak je een Drop-Down Box met kleur

Hoe maak je een Drop-Down Box met kleur

Een drop-down menu is een gemakkelijke manier om meerdere navigatiekoppelingen op een website in een kleine ruimte. Echter het standaardmenu vindt op het uiterlijk van de browser van de gebruiker of computer thema, en dit kan botsen met het websiteon
Hoe maak je een Drop-Down lijst op een webpagina

Hoe maak je een Drop-Down lijst op een webpagina

Het creëren van een drop-down menu is een eenvoudige manier om meer keuzemogelijkheden op uw pagina. Het is ook vrij eenvoudig te programmeren en kan worden gedaan met een paar nieuwe tags,Toevoegen van de waarden die worden weergegeven in de vervolg
Hoe maak je een Drop-down-veld in Outlook

Hoe maak je een Drop-down-veld in Outlook

Microsoft ontworpen Outlook-software zo dat gebruikers aangepaste versies van Outlook-formulieren kunnen maken. Dit omvat het toevoegen van de benodigde velden of besturingselementen, zoals een drop-down menu. De mogelijkheid tot het leveren van aang
Hoe maak je een Drop-Down lijst in Access 2007

Hoe maak je een Drop-Down lijst in Access 2007

Microsoft Access maakt gebruik van formulieren voor het invoeren van gegevens in de onderliggende tabel. Een drop-down lijst is een besturingselement dat wordt gebruikt in een Access-formulier. Deze keuzelijsten met invoervak zijn voorzien van een pi
Hoe maak je een Drop-Down lijst in VBScript

Hoe maak je een Drop-Down lijst in VBScript

Microsoft heeft de programmeertaal 'Visual Basic Scripting Edition' of VBScript ontwikkeld. Vele Web gebaseerde toepassingen implementeren clientzijde logica met VBScript. Alle moderne Windows-besturingssystemen bieden de VBScript-omgeving in de brow
Hoe maak je een Drop-Down HTML-Menu en Submenu

Hoe maak je een Drop-Down HTML-Menu en Submenu

Drop-down menu's--ook bekend als "suckerfish" menu's--gebruik een combinatie van HTML en CSS (Cascading Style Sheets) voor structuur en stijl. Het HTML-gedeelte van een drop-down menu bestaat uit bullet lijsten en geneste bullet lijsten. Nadat u
Hoe maak je een Drop-Down lijst met kleuren in Microsoft Excel

Hoe maak je een Drop-Down lijst met kleuren in Microsoft Excel

Microsoft Excel-werkbladen kunnen invoeren en bewerken van grote hoeveelheden gegevens. Vaak wilt u items in een werkblad om geldige gegevens beperken, zodat uw werkblad zinvol. Bijvoorbeeld, kan u wilt beperken bestelformulieren voor stationaire en
Hoe maak je een Drop-Down lijst in een Excel-cel

Hoe maak je een Drop-Down lijst in een Excel-cel

Drop-down lijsten in Excel 2013 en 2010 bieden een lijst van aanvaardbare posten voor een bepaalde cel, externe gebruikers helpen bij het correct invullen van een formulier dat u maakt. Als een gebruiker in de cel in plaats van met behulp van de lijs
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