Esimerkkilomake valintaruudun ja valintanapin käytöstä

Seuraavassa esimerkissä kannattaa erityisesti kiinnittää huomiota seuraaviin asioihin:

Otsikko ennen lomake-elementtejä

Sukupuoli



Millaisessa seurassa tykkään shoppailla?





Lomake-elementit ennen otsikkoa

Sukupuoli



Millaisessa seurassa tykkään shoppailla?





Ensimmäisen lomakkeen lähdekoodi

<form action="http://appro.mit.jyu.fi/cgi-bin/laheta/laheta.cgi"
method="post">

<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>

<p><input type="submit" value="Lähetä" /></p>
</form>
http://
© Petri Heinonen ()<URL: http://www.mit.jyu.fi/peheinon/>