Ikäni on
< 20 vuotta.
20-30 vuotta.
30-40 vuotta
40-50 vuotta
> 50 vuotta
Sukupuoleni on
Mies
Nainen
Tuntematon
CSS
.koodi { width: 100%; max-width: 100%; }
HTML
<fieldset> <legend>Ikäni on</legend> <p> <label><input type="radio" name="ika" value="< 20"/>< 20 vuotta. </label> <br/> <label><input checked="checked" type="radio" name="ika" value="20-30"/>20-30 vuotta.</label> <br/> <label><input type="radio" name="ika" value="30-40"/>30-40 vuotta</label> <br/> <label><input type="radio" name="ika" value="40-50"/>40-50 vuotta</label> <br/> <label><input type="radio" name="ika" value="< 50"/> > 50 vuotta</label> </p> </fieldset> <fieldset> <legend>Sukupuoleni on</legend> <p> <label><input type="radio" name="sukupuoli" value="mies"/>Mies</label> <br/> <label><input type="radio" name="sukupuoli" value="nainen"/>Nainen</label> <br/> <label><input checked="checked" type="radio" name="sukupuoli" value="tuntematon"/>Tuntematon</label> <br/> </p> </fieldset>
Javascript
Konsoli