De HTML-selectietags en optietags - de menulijst

Mei 19, 2024

De select- en optietags werken samen om een vervolgkeuzelijst op een webpagina te maken. U kunt dit type lijst altijd zien wanneer u uw naam en adres opgeeft. Als u in de Verenigde Staten woont, kiest u de staat waarin u woont uit een vervolgkeuzelijst met staatsnamen. Deze vervolgkeuzelijst wordt gemaakt met de selectietags en de lijst met keuzes (opties) wordt gemaakt met een groep optietags. De openings- en sluitingstags zijn vereist voor zowel de selectietags als de optietags.

Hier is de voorbeeldcode voor het vervolgkeuzemenu.

Ohio Florida
<	linker hoekbeugel
kiezen	element naam
naam	name attribuut wordt gebruikt om een identificatie in te stellen voor de menulijst
>	haakse beugel
	afsluitende tag

<	linker hoekbeugel
optie	element naam
waarde	waardeattribuut wordt gebruikt om waarde voor de optie in te stellen
>	haakse beugel
	afsluitende tag

Zoals u kunt zien, is de groep optietags ingesloten in de selectietags voor openen en sluiten. U kunt zoveel optietags gebruiken als u wilt en de vervolgkeuzelijst zal naar wens scrollen.

De kenmerken van de geselecteerde tag

Het naamkenmerk
Het kenmerk dat u in de geselecteerde tag moet opnemen, is het kenmerk name. Dit kenmerk identificeert de lijst voor het verwerkingsprogramma. Als u meer dan één vervolgkeuzemenu in een webformulier hebt, geeft u elke lijst een andere naam door een andere waarde aan het kenmerk name toe te wijzen. In het voorbeeld heb ik de waarde van het kenmerk name ingesteld op "staten".

Het kenmerk Size
Het kenmerk size geeft het aantal opties uit de lijst aan dat tegelijkertijd zichtbaar is. Als ik alle staten van de Verenigde Staten in het bovenstaande voorbeeld had opgenomen, zou het een lange lijst zijn. Daarom zou ik waarschijnlijk het attribuut size willen instellen op een kleiner getal zoals 5, waardoor slechts vijf van de statusnamen tegelijkertijd zichtbaar kunnen zijn.

Het meervoudige kenmerk
Wanneer dit kenmerk is opgenomen in de selectietag, kan meer dan één optie worden geselecteerd.

De kenmerken van de optietag

Het waardekenmerk
Het waardekenmerk voor de optietag stelt een andere keuze of optie in voor elke optietag in de groep. Wanneer een optietag is geselecteerd, wordt de waarde die aan die tag is gekoppeld, naar het verwerkingsprogramma verzonden. Zoals u in het voorbeeld kunt zien, is de waarde die is toegewezen aan de optietags (OH en FL) niet hetzelfde als de naam van de staten die aan elke optietag zijn gekoppeld. De statusnamen worden weergegeven op het webformulier, maar de waarde die naar het programma wordt verzonden, zijn de statusafkortingen.

Het geselecteerde kenmerk
Wanneer dit kenmerk is opgenomen in de openingstag, wordt die optie vooraf geselecteerd wanneer het webformulier voor het eerst op de webpagina wordt weergegeven.

Video-Instructies: How to Create A Custom Select Box - Styling Select Dropdown Using Html and CSS (Mei 2024).

De HTML-selectietags en optietags - De menulijst, HTML, HTML-optietag, HTML-selectietags, een vervolgkeuzemenu maken, een menulijst in HTML maken, selectietags en hun attributen, optietags en de attributen

Vorige Artikel

Volgende Artikel

Verwante Artikelen

computers

PowerPoint-handouts

Mei 2024

U hebt uren besteed aan het samenstellen van uw diapresentatie voor de workshop die u volgende week presenteert. Hoewel de diavoorstelling je helpt bij een effectpresentatie van het materiaal, vind...

computers

Warhammer 40.000: Dawn of War 2: Retribution

Mei 2024

De tweede uitbreiding naar "Dawn of War 2", Retribution biedt een nieuwe factie en een nieuwe campagne. Het is meer van hetzelfde, maar dat is nauwelijks een slechte zaak. De belangrijkste nieuwe...