Lomakkeet: valintaruutu ja valintanappi

CSS

HTML

<form action="https://appro.mit.jyu.fi/cgi-bin/view.cgi" method="post">
  <fieldset>
    <legend>Kuinka usein käyt ostoksilla?</legend>

<p>
      <input id="viikoittain" type="radio" name="tiheys" value="viikoittain" checked="checked" />
      <label for="viikoittain">Viikoittain</label><br />

<input id="kuukausittain" type="radio" name="tiheys" value="kuukausittain" />
      <label for="kuukausittain">Kuukausittain</label><br />

<input id="harvemmin" type="radio" name="tiheys" value="harvemmin" />
      <label for="harvemmin">Harvemmin</label>
    </p>
  </fieldset>

<fieldset>
    <legend>Millaisessa seurassa tykkäät ostoksilla käydä?</legend>

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

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

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

<input id="yksin" type="checkbox" name="seura" value="yksin" />
      <label for="yksin">Mieluiten yksin</label>
    </p>
  </fieldset>

CSS

HTML

Javascript

Konsoli