De select tag
De tag select creëert een vervolgkeuzelijst
voor gebruik in HTML formulieren.
Een afzonderlijk lijstitem moet worden opgeslagen in de
tag option.
Attributen
| Attribuut | Beschrijving |
|---|---|
multiple |
De aanwezigheid van dit attribuut creëert een multiselect -
een vervolgkeuzelijst waarin meerdere items kunnen worden geselecteerd door de
toets Ctrl ingedrukt te houden of ze met de muis te selecteren.
Optioneel attribuut. |
name |
De naam van de vervolgkeuzelijst. Nodig om de invoergegevens in PHP op te halen. Voor de correcte werking van het formulier mogen de namen van de invoervelden niet gelijk zijn aan elkaar (in één formulier). Als ze gelijk zijn, ontvangt u in PHP de gegevens van het invoerveld dat lager in de HTML-code staat. |
Voorbeeld
Laten we eens kijken hoe een vervolgkeuzelijst werkt:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Voorbeeld
Laten we de breedte van de vervolgkeuzelijst
gelijk maken aan de breedte van het grootste element (als
deze niet expliciet is opgegeven met behulp van de CSS-eigenschap
width):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Voorbeeld . Standaardselectie
Laten we nu proberen een stad
standaard te selecteren. Dit doen we met het attribuut
selected:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Voorbeeld . Multiselect
Laten we nu een gewone select omzetten in een
multiselect met het attribuut multiple:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Let op dat de naam van de select, gespecificeerd in het attribuut name,
moet eindigen op vierkante haakjes. Dit is nodig zodat in PHP
alle geselecteerde waarden worden ontvangen (anders wordt er slechts één - de laatste - ontvangen).
Voorbeeld . Meerdere standaardwaarden in een multiselect
Laten we nu, in een multiselect, proberen meer dan één waarde standaard te selecteren:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
:
