Lomakkeet: esimerkki 1

CSS

HTML

<form action="" method="post">
<fieldset>
<legend>Taustatiedot</legend>
<p>
<label for="nimi">Nimesi: </label>
<input type="text" id="nimi" name="nimi" title="Anna nimesi" value="Anna nimesi" />
</p>
<p>
Sukupuoli:<br />
<label for="eikerro">En kerro</label>
<input type="radio" name="sukupuoli" id="eikerro" value="eikerro" checked="checked" /><br />
<label for="mies"><strong>M</strong>ies</label>
<input type="radio" name="sukupuoli" accesskey="M" id="mies" value="mies" /><br />
<label for="nainen"><strong>N</strong>ainen</label>
<input type="radio" name="sukupuoli" accesskey="N" id="nainen" value="nainen" />
</p>
<p>
<label for="salis">Salasana: </label>
<input tabindex="1" type="password" id="salis" name="salis" value="" />
</p>
</fieldset>
<fieldset>
<legend>Mitä kanavia katsot?</legend>
<p>
<label for="tv1">TV 1</label>
<input type="checkbox" name="kanava" id="tv1" value="tv1" /><br />
<label for="tv2">TV 2</label>
<input type="checkbox" name="kanava" id="tv2" value="tv2" /><br />
<label for="mtv3">MTV 3</label>
<input type="checkbox" name="kanava" id="mtv3" value="mtv3" /><br />
<label for="nelonen">Nelonen</label>
<input type="checkbox" name="kanava" id="nelonen" value="nelonen" />
</p>
</fieldset>
<fieldset>
<legend>Milloin katsot TV:tä?</legend>
<select name="aika" multiple="multiple" size="6">
<option>aamulla</option>
<option>päivällä</option>
<option selected="selected">illalla</option>
<option>yöllä</option>
</select>
</fieldset>
<fieldset>
<legend>Vapaa palaute</legend>
<textarea tabindex="2" name="palaute" rows="5" cols="40"></textarea>
</fieldset>
<p><input type="submit" name="laheta" value="Lähetä!" /></p>
</form>

CSS

HTML

Javascript

Konsoli