I/O, input, GET och POST
Namn:
E-post:

One-line text box med namnet text_box:

Scrolling text box med namnet text_area:

Check box med namnet check_box:

Radio button med namnet radio_button;

Drop-down menu med namnet drop_down_menu:

Push button med namnet push_button:

Koden till exemplet ovan
<table border="0" class="table">
<caption class="para">Exempel Kod</caption>
<tr>
<td class="size">
<form method="get" action="http://atlas.dsv.su.se/~pierre/i/ip2/inl/i1/1e.cgi">
<div><input type="hidden" name="hidden" value="I am hidden!" /></div>
<table>
<tr>
<td>Namn:</td>
<td><input type="text" name="name" /></td></tr>
<tr>
<td>E-post:</td>
<td><input type="text" name="email" /></td></tr></table>
<p><input type="submit" value="Sänd" name="button" align="absmiddle" /></p></form></td>
<td class="size"> <form method="post" action="http://atlas.dsv.su.se/~pierre/i/ip2/inl/i1/1e.cgi">
<div><input type="hidden" name="hidden" value="I am hidden!" /></div>
<p>One-line text box med namnet text_box:</p>
<p><input type="text" name="text_box" value="ABC" class="textbox" /></p>
<p>Scrolling text box med namnet text_area:</p>
<p>
<textarea name="text_area" rows="0" cols="0">
DEF
</textarea></p></form></td></tr>
<tr>
<td>Check box med namnet check_box:<br />
<br />
<p><input type="checkbox" name="check_box" value="ON" checked="checked" /></p>
<p>Radio button med namnet radio_button;</p>
<p><input type="radio"
value="v1" name="radio_button" checked="checked" /> <input type="radio" value="v2" name="radio_button" /></p></td> <td>Drop-down menu med namnet drop_down_menu:<br />
<br />
<p><select name="drop_down_menu" size="1">
<option value="Värde1">Värde1</option>
<option value="Värde2">Värde2</option></select></p>
<p>Push button med namnet push_button:</p>
<p><input type="submit" value="Tryck mig" name="push_button" />
</p>
</td>
</tr>
</table>