HTML <kies> Merker
Voorbeeld
Skep 'n aftreklys met vier opsies:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <select>
element word gebruik om 'n aftreklys te skep.
Die <select>
element word meestal in 'n vorm gebruik om gebruikersinsette te versamel.
Die name
kenmerk is nodig om na die vormdata te verwys nadat die vorm ingedien is (as jy die
name
kenmerk weglaat, sal geen data van die aftreklys ingedien word nie).
Die id
kenmerk is nodig om die aftreklys met 'n etiket te assosieer.
Die <option> -merkers binne die <select>
element definieer die beskikbare opsies in die aftreklys.
Wenk: Voeg altyd die <label> -merker by vir die beste toeganklikheidspraktyke!
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<select> | Yes | Yes | Yes | Yes | Yes |
Eienskappe
Attribute | Value | Description |
---|---|---|
autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
disabled | disabled | Specifies that a drop-down list should be disabled |
form | form_id | Defines which form the drop-down list belongs to |
multiple | multiple | Specifies that multiple options can be selected at once |
name | name | Defines a name for the drop-down list |
required | required | Specifies that the user is required to select a value before submitting the form |
size | number | Defines the number of visible options in a drop-down list |
Globale eienskappe
Die <select>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <select>
merker ondersteun ook die gebeurtenis-kenmerke in HTML .
Meer voorbeelde
Voorbeeld
Gebruik <select> met <optgroup>-merkers:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Verwante bladsye
HTML DOM verwysing: Kies Object
CSS-tutoriaal: Stileervorms
Verstek CSS-instellings
Geen.