"Create Dropdowns"

°" Einfaches Dropdown Menü Erstellen "°
°" Create A Simple Dropdown Menu "°

- Dropdown = Auswahl-Liste

- '<select ...>' leitet eine Auswahlliste ein und mit '<option>...</option>' wird jeweils einen Eintrag der Auswahlliste definiert.
Um einen Eintrag der Auswahlliste vorzuselektieren, gibst du im einleitenden '<option>-Tag' des betreffenden Eintrags das Attribut "selected" an.

- Dropdown menus are created by using the '<select ...>' element, and also With '<option>...</option>' a menu items of a group.
You can specify, which the first appeared menu is, by inserting the "selected" attribute.

° Example: °


I like my coffee:

°code°

I like my coffee: <br>

<select name="coffee">

<option> Black</option>
<option> With sugar</option>
<option selected>With cream</option>
<option> With cream & sugar</option>
<option> Whipped cream</option>

</select>




" Untergruppen Definieren "
" Making Menu Subsections "

- '<optgroup>...</optgroup>' sorgt für die gewünschte Untergruppe innerhalb von '<select>-Tags'.
Mit dem Attribut "label" vergebibst du eine Menübeschriftung für die Gruppe von Einträgen.

- Put all the menu items you wish to define as a subsection between a set of '<optgroup>...</optgroup> tags'.
With the attribute "label" you assign a menu title for the group of entries.

° Example: °


I like my coffee:

°code°

I like my coffee: <br>

<select name="coffee2">

<optgroup label="Dairy">
<option>Skim Milk</option>
<option selected>Cream</option>
<option>Whipped cream</option>
</optgroup>

<optgroup label="Sweetener">
<option>Sugar</option>
<option>Honey</option>
</optgroup>

<optgroup label="Snack">
<option>A donut</option>
<option>A danish</option>
<option>A muffin</option>
</optgroup>

</select>




" DropDowns Formatieren "
" Formating DropDowns "

- wir können noch verschiedene 'Attribute', wie "size", "multiple" oder aber auch 'inputs', wie "radio" und "checkbox" etc. zu Dropdowns hinzufügen, aber lasst uns das Thema hier mit Text-Formatierung und Hintergrund-Farbe abschliessen.

- We can add other 'attributes' like "size", "multiple", or 'inputs' like "radio" and "checkbox" to Dropdowns, but, however; we can end the theme with text formating and adding a background to DD menu.


° Example: °


I like my coffee:

°code°


I like my coffee:

<select name="coffee" style="color:Your Color; background-color:Your Color; font-family:trebuchet ms; font-size:14px;">

<option>Black</option>
<option>With sugar</option>
<option selected>With cream</option>
<option>With cream & sugar</option>
<option>Whipped cream</option>

</select>





║║║  ║║  ║  ║║  ║║║


║║║  ║║  ║  ║║  ║║║