Lomakkeet: valintaruutu ja valintanappi

CSS

HTML

<fieldset><legend>Sukupuoli</legend>

<p>
  <label for="ei_tietoa">Ei tietoa</label> 
  <input id="ei_tietoa" type="radio" name="sex" value="ei_tietoa" checked="checked" />
  <br />
  <label for="mies">Mies</label> 
  <input id="mies" type="radio" name="sex" value="mies" /> 
  <br />
  <label for="nainen">Nainen</label>
  <input id="nainen" type="radio" name="sex" value="nainen" /></p>
</fieldset>

<fieldset><legend>Millaisessa seurassa tykkään
shoppailla?</legend>

<p>
  <label for="avio">Paremman puoliskoni kanssa</label> 
  <input id="avio" type="checkbox" name="shoppaus" value="puolisko" /><br />

<label for="perhe">Koko perheen kanssa</label> 
  <input id="perhe" type="checkbox" name="shoppaus" value="perhe" /><br />

<label for="kamut">Kavereiden kanssa</label> 
  <input id="kamut" type="checkbox" name="shoppaus" value="kamut" /><br />

<label for="visa">Yksin Visan kanssa</label> 
  <input id="visa" type="checkbox" name="shoppaus" value="visa" /><br />
</p>
</fieldset>

CSS

HTML

Javascript

Konsoli