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 namekenmerk is nodig om na die vormdata te verwys nadat die vorm ingedien is (as jy die namekenmerk weglaat, sal geen data van die aftreklys ingedien word nie).

Die idkenmerk 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.