Esimerkki yksinkertaisesta lomakkeesta

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

• Pelkkiä tekstikenttiä (type="text").
• Lomakkeen oletusarvot lisäävät lomakkeen esteettömyyttä.
• Labelit ennen kenttää lisäävät lomakkeen esteettömyyttä.
• Titlen käyttö lisää lomakkeen esteettömyyttä.

Lomakkeen lähdekoodi

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

<fieldset>
<legend>Vastaajan taustatietoja</legend> 
<p>
  <label for="vastaajan_nimi">Nimi</label> 
  <input id="vastaajan_nimi" type="text" name="nimi" value="tuntematon"
   title="Anna tähän nimesi muodossa: Sukunimi Etunimi" /> (Sukunimi Etunimi)
</p>

<p>
  <label for="email">Sähköpostiosoite</label> <input id="email" type="text"
  name="email" value="" title="Anna sähköpostiosoite kokonaisena" />
  (sähköpostiosoite@palvelin.fi)
</p>
</fieldset>

<p><input type="submit" value="Lähetä" /></p>
</form>