Lomakkeet: select-, option- ja optgroup-elementit

CSS

HTML

<p><label for="ika">Ikäsi on</label>
<select id="ika" name="ika">
<option value="pk20">< 20 vuotta</option>
<option selected="selected" value="ika2030">20-30 vuotta</option>
<option value="ika3040">30-40 vuotta</option>
<option value="ika4050">40-50 vuotta</option>
<option value="sk50">>50 vuotta</option>
</select>
</p>
<p><label>Kuljen työmatkani
<select multiple="multiple"  name="matka">
<option value="hauto">Henkilöautolla</option>
<option selected="selected" value="bussi">Linja-autolla</option>
<option value="juna">Junalla</option>
<option value="polkupyörä">Polkupyörällä</option>
<option value="moottoripyörä">Moottoripyörällä</option>
<option value="kävely">Kävellen</option>
</select>
</label>
</p>

<p>
<label for="versio">Versio on</label>
<select id="versio" name="ohjelma-versio">
<optgroup label="Word"> 
<option value="Word 6">Word 6</option>
<option value="Word 95">Word 95</option>
<option value="Word 97">Word 97</option>
<option value="Word 2000">Word 2000</option>
</optgroup>
<optgroup label="Excel">
<option value="Excel 5">Excel 5</option>
<option value="Excel 95">Excel 95</option>
<option value="Excel 97">Excel 97</option>
<option value="Excel 2000">Excel 2000</option>
</optgroup>
</select>
</p>

CSS

HTML

Javascript

Konsoli