Hoe maak je een drop-down lijst in de HTML maken

De meest eenvoudige drop-down lijst in de HTML is eenvoudig te maken met behulp van de tag select. Deze container markering, markeringen besloten optie in het - zij zijn het die de lijst met items in te stellen.

Er zijn verschillende opties lijsten, die kan worden gedaan door bepaalde de tag: keuzelijst (de opties vallen na het klikken op het hoofdveld of zweven over het), en een lijst met multiple choice - daarin de gebruiker meerdere items kunt selecteren. De eerste komt vaker voor, ze zijn een belangrijk onderdeel van de moderne navigatie-sites. De keuzelijst meerdere selecties kan worden gebruikt, bijvoorbeeld in de mappen waar u wilt een paar kenmerken van de goederen te selecteren.

Verander het uiterlijk en de eigenschappen van de lijsten, kunt u de universele en speciale attributen gebruiken.

select tagkenmerken

1. Meerdere - specificeert multiple choice.

2. Grootte - specificeert het aantal zichtbare lijnen in de lijst, die de hoogte. En dan is het hangt allemaal af van, meerdere attributen aanwezig is of niet. Als dat zo is, en je hoeft niet size bed opgeeft, in de aanwezigheid van meerdere gebruiker zal al uw opties te zien, maar als er meerdere ontbreekt, is aangetoond dat slechts één lijn te zijn, en de andere gebruiker in staat om te lezen, wanneer om te klikken op het pictogram van de lift aan de rechterkant zal zijn. Als de hoogte van de opgegeven grootte, en het is minder dan het aantal opties aan de rechterkant schuifbalk.

3. Name - naam. De keuzelijst kan worden gedaan zonder het, maar het kan nodig zijn om samen te werken met het programma-handler op de server. In de regel wordt de naam nog steeds aangegeven.

Kies een tag heeft geen vereiste attributen in tegenstelling tot de optie tag.

Attributen bevestigd tag optie

1. Geselecteerd - ontworpen om een item in de lijst te markeren. De gebruiker kan meer dan één punt toe te wijzen, als u meerdere attributen (zie hierboven.) In te stellen.
2. Value - waarde. Dit kenmerk is vereist. De webserver moet precies begrijpen wat items in de lijst die de gebruiker heeft geselecteerd.
3. Label. Op de zeer lange lijst van elementen kan worden verminderd met behulp van dit kenmerk. het administratieve centrum van Lombardije - Bijvoorbeeld, zal het scherm "Milan", in plaats van de optie tag "Milan weer te geven. Noord-Italië. " Dit kenmerk wordt ook gebruikt om de groep van de items in de lijst.

Aangezien de breedte van de lijst, wordt standaard de lengte van de breedste tekst in de lijst. Natuurlijk kan de breedte worden gewijzigd door het gebruik van HTML stijlen.

De drop-down lijst op andere manieren

Het kan worden gedaan met CSS, bijvoorbeeld, wordt de lijst weergegeven wanneer u de muisaanwijzer over een pagina-item. Uitstekende mogelijkheden voor het maken van lijsten geeft JavaScript, die het werk jQuery bibliotheek vereenvoudigt. De keuzelijst die is verbonden met deze bibliotheek kan zeer complex, zoals een cascade zijn. Dat wil zeggen, wanneer u een item selecteert in een lijst zal de volgende lijst vermeld staan, bijvoorbeeld, is er menu "Women's clothing" (wanneer u de muisaanwijzer daling soorten kleding), dan wanneer een van de soorten, bijvoorbeeld, "Tops" drop-down lijst met de elementen: jassen, parken, jassen, jassen en ga zo maar door. n.

We hebben een lijst van de belangrijkste oppervlakkige manieren waarop je een drop-down lijst kunt maken. Natuurlijk, er zijn veel nuances in de HTML-code, in de CSS en JavaScript, die u toelaten om de functionaliteit en het uiterlijk van lijsten uitzicht veranderen.