Digitaalisen median tekniikat S00, Harjoitus 2
Tehtävä 1: Ilmoittautumislomake

• Ilmoittautumislomakkeen idea
• Esimerkkilomake
• Esimerkkilomakkeen koodi

Ilmoittautumislomakkeen idea

• Henkilötiedot:
  • Etunimi
  • Sukunimi
• Osallistumismaksu:
  • Aikuinen 100 mk
  • Lapsi (alle 18 v.) 50 mk
• Yhteystiedot:
  • Katuosoite
  • Postinumero
  • Kaupunki
  • Puhelin
  • Sähköpostiosoite
• Majoitus:
  • Ei majoitusta/oma majoitus
  • Telttamajoitus (30 mk/hlö)
  • Retkeilymaja (85 mk/hlö)
  • Hotelli Cumulus (300 mk/hlö)
  • Hotelli Luxus (600 mk/hlö)
• Festarilounas:
  • 22.6.2000 (50 mk)
  • 23.6.2000 (50 mk)
  • 24.6.2000 (50 mk)
• Ilmoittautuminen tapahtumiin:
  • Anna Erikssonin "Kesä yhdessä"-konsertti 22.6.2000, 100 mk
  • Paula Koivuniemen teemakonsertti "Tummat silmät" 23.6.2000, vapaa pääsy
  • Tapani Kansan juhlakonsertti "Kultaniityt" 24.6.2000, 20 mk
• Maksutapavalinta:
  • Käteinen
  • Pankkikortti
  • Visa/MasterCard
  • Lasku
• Lisätietoja-kenttä

Esimerkkilomake

Klikkaa tästä lomake tulostettavassa gif-muodossa (kentät näkyvät).

Esimerkkilomakkeen koodi

<FORM action="http://www.helsinki.fi/cgi-bin/dump-all" method="post">
<TABLE border=1>
<TR>
   <TH colspan=2 bgcolor=black height=50>
   <FONT size=5 color=white>
   Juupajoen Warttuneen Wäen Kesäfestarin 22.-24.6.2000 ilmoittautuminen
   </FONT>
   </TH>
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Etunimi:</b>
   </TD>
   <TD align=left>
      <INPUT type="text" name="etunimi" size=50>
   </TD>   
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Sukunimi:</b>
   </TD>
   <TD align=left>
      <INPUT type="text" name="sukunimi" size=50>
   </TD>   
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Osallistumismaksu:</b>
   </TD>
   <TD align=left>
      <INPUT type="radio" name="osallistumismaksu" value="aikuinen"> Aikuinen 100 mk
      <INPUT type="radio" name="osallistumismaksu" value="lapsi"> Lapsi (alle 18 v.) 50 mk
   </TD>
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Katuosoite:</b>
   </TD>
   <TD align=left>
      <INPUT type="text" name="katuosoite" size=50>
   </TD>   
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Postinumero:</b>
   </TD>
   <TD align=left>
      <INPUT type="text" name="postinumero" size=5>
   </TD>   
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Kaupunki:</b>
   </TD>
   <TD align=left>
      <INPUT type="text" name="kaupunki" size=15>
   </TD>   
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Puhelin:</b>
   </TD>
   <TD align=left>
      <INPUT type="text" name="puhelin" size=15>
   </TD>   
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Sähköpostiosoite:</b>
   </TD>
   <TD align=left>
      <INPUT type="text" name="sahkopostiosoite" size=30>
   </TD>   
</TR>
<TR>
   <TD align=right valign=top bgcolor=lightblue>
      <b>Majoitus:</b>
   </TD>
   <TD align=left>
   <SELECT name="majoitus">
      <OPTION value="ei majoitusta">Ei majoitusta/oma majoitus
      <OPTION value="telttamajoitus">Telttamajoitus (30 mk/hlö)
      <OPTION value="retkeilymaja">Retkeilymaja (85 mk/hlö)
      <OPTION value="hotelli cumulus">Hotelli Cumulus (300 mk/hlö)
      <OPTION value="hotelli luxus">Hotelli Luxus (600 mk/hlö)
   </SELECT>
   </TD>
</TR>
<TR>
   <TD align=right valign=top bgcolor=lightblue>
      <b>Festarilounas:</b>
   </TD>
   <TD align=left>
      <INPUT type="checkbox" name="festarilounas" value="22.6.2000"> 22.6.2000 (50 mk)
      <INPUT type="checkbox" name="festarilounas" value="23.6.2000"> 23.6.2000 (50 mk)
      <INPUT type="checkbox" name="festarilounas" value="24.6.2000"> 24.6.2000 (50 mk)
   </TD>
</TR>
<TR>
   <TD align=right valign=top bgcolor=lightblue>
      <b>Ilmoittautuminen tapahtumiin:</b>
   </TD>
   <TD align=left>
   <SELECT multiple name="tapahtumat">
      <OPTION value="anna eriksson">Anna Erikssonin "Kesä yhdessä"-konsertti 22.6.2000, 100 mk
      <OPTION value="paula koivuniemi">Paula Koivuniemen teemakonsertti "Tummat silmät" 23.6.2000, vapaa pääsy
      <OPTION value="tapani kansa">Tapani Kansan juhlakonsertti "Kultaniityt" 24.6.2000, 20 mk
   </SELECT>
   </TD>
</TR>
<TR>
   <TD align=right bgcolor=lightblue>
      <b>Maksutapa:</b>
   </TD>
   <TD align=left>
      <INPUT type="radio" name="maksutapa" value="kateinen"> Käteinen
      <INPUT type="radio" name="maksutapa" value="pankkikortti"> Pankkikortti
      <INPUT type="radio" name="maksutapa" value="visa/mastercard"> Visa/MasterCard
      <INPUT type="radio" name="maksutapa" value="lasku"> Lasku
   </TD>
</TR>
<TR>
   <TD align=right valign=top bgcolor=lightblue>
      <b>Lisätietoja:</b>
   </TD>
   <TD>
      <TEXTAREA name="lisatietoja" rows="10" cols="50"></TEXTAREA>
   </TD>
</TR>
<TR>
   <TH colspan=2 bgcolor=black height=50>
   <FONT color=white>
      <INPUT type="submit" name="ilmoittaudu" value="Ilmoittaudu">
      <INPUT type="reset" name="tyhjenna lomake" value="Tyhjennä lomake">
   </FONT>
   </TH>
</TR>
</TABLE>
</FORM>