HTML <opsie> Merker
Voorbeeld
'n Aftreklys met vier opsies:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <option>
merker definieer 'n opsie in 'n kieslys.
<option>
elemente gaan binne 'n <select> ,
<optgroup> , of <datalist> element.
Let wel: Die <option>
merker kan sonder enige kenmerke gebruik word, maar jy benodig gewoonlik die waarde- kenmerk, wat aandui wat na die bediener gestuur word tydens die indiening van vorm.
Wenk: As jy 'n lang lys opsies het, kan jy verwante opsies binne die <optgroup> -merker groepeer.
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<option> | Yes | Yes | Yes | Yes | Yes |
Eienskappe
Attribute | Value | Description |
---|---|---|
disabled | disabled | Specifies that an option should be disabled |
label | text | Specifies a shorter label for an option |
selected | selected | Specifies that an option should be pre-selected when the page loads |
value | text | Specifies the value to be sent to a server |
Globale eienskappe
Die <option>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <option>
merker ondersteun ook die gebeurteniskenmerke in HTML .
Meer voorbeelde
Voorbeeld
Gebruik van <option> in 'n <datalist>-element:
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Voorbeeld
Gebruik van <option> in <optgroup> elemente:
<label for="cars">Choose a car:</label>
<select 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: Opsie Object
Verstek CSS-instellings
Geen.