Die select-etiket
Die select-etiket skep 'n uitvallys
vir gebruik in HTML vorms.
'n Aparte lysitem moet gestoor word in die
etiket option.
Attribute
| Attribuut | Beskrywing |
|---|---|
multiple |
Die teenwoordigheid van hierdie attribuut skep 'n multiselect -
'n uitvallys waar verskeie items gekies kan word deur die
Ctrl-sleutel ingedruk te hou of deur dit met die muis te merk.
Opsionele attribuut. |
name |
Die naam van die uitvallys. Benodig sodat die invoerveld se data in PHP verkry kan word. Vir korrekte werking van die vorm moet invoervelde se name nie met mekaar ooreenstem nie (in een vorm). As hulle ooreenstem - sal die data van daardie invoerveld wat laer in die HTML-kode is, in PHP aankom. |
Voorbeeld
Kom ons kyk hoe 'n uitvallys werk:
<select>
<option>Stad1</option>
<option>Stad2</option>
<option>Stad3</option>
<option>Stad4</option>
</select>
:
Voorbeeld
Kom ons maak die breedte van die uitvallys
gelyk aan die breedte van die grootste element (as
dit nie eksplisiet gespesifiseer word met die CSS eienskap
width nie):
<select>
<option>Groot Stad1</option>
<option>Stad2</option>
<option>Stad3</option>
<option>Stad4</option>
</select>
:
Voorbeeld . Verstekkeuse
Kom ons probeer nou om 'n stad as verstek
te kies. Ons sal dit doen met die selected
attribuut:
<select>
<option>Groot Stad1</option>
<option selected>Stad2</option>
<option>Stad3</option>
<option>Stad4</option>
</select>
:
Voorbeeld . Multiselect
Kom ons verander nou 'n gewone select in 'n
multiselect met die multiple attribuut:
<select multiple name="city[]">
<option>Stad1</option>
<option>Stad2</option>
<option>Stad3</option>
<option>Stad4</option>
</select>
:
Let op dat die naam van die select, gespesifiseer in die name attribuut,
met vierkantige hakies aan die einde moet wees. Dit is nodig sodat in PHP
al die gekose waardes aankom (anders kom net een - die laaste een).
Voorbeeld . Verskeie verstekwaardes in 'n multiselect
Kom ons probeer nou om in 'n multiselect, meer as een waarde as verstek te kies:
<select multiple name="city[]">
<option>Stad1</option>
<option selected>Stad2</option>
<option>Stad3</option>
<option selected>Stad4</option>
</select>
: