"Create Dropdowns"
- 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> |
- '<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> |
- 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> |