En form kan innehålla olika typer av fält nedan kommer ett exempel på en
form som använder alla typer (metoden är POST). <a href="#GET">Det finns en motsvarande form som använder GET i slutet av sidan</a><br>Klicka på Sänd knapparna för kodexempel på hantering av Request:<hr width="50%" align="left">

<form NAME="Alla" ACTION="FormAll.asp" METHOD="POST">
<dl>
<dt>TEXTBOX (Namn = f_namn)
<dd><input NAME="f_namn" TYPE="TEXT" SIZE="30" TITLE="TEST">

<dt>PASSWORD (Namn = pwd)
<dd><input NAME="pwd" TYPE="PASSWORD" SIZE="30">

<dt>TEXTAREA (Namn = f_extra)
<dd><textarea NAME="f_extra" COLS="30" ROWS="5">Finns färdigt</textarea>

<dt>CHECKBOX (Namn = check1)
<dd><input NAME="check1" TYPE="CHECKBOX">

<dt>CHECKBOX (Namn = check2)
<dd><input NAME="check2" TYPE="CHECKBOX" CHECKED>

<dt>RADIO (Bägge heter radio1)
<dd><input NAME="radio1" TYPE="RADIO" VALUE="FÖRSTA"><br>
<input NAME="radio1" TYPE="RADIO" VALUE="ANDRA" CHECKED>

<dt>SELECT (Namn = smak1)
<dd><select NAME="smak1">
      <option>Havre<option SELECTED>Choklad<option>Nötkaka
</select>

<dt>SELECT (Namn = smak2)
<dd><select NAME="smak2" SIZE="3">
      <option>Havre<option SELECTED>Choklad<option>Nötkaka
</select>

<dt>SELECT (Namn = smak3, MULTIPLE)<br>
Använd <i>Ctrl</i> eller <i>Shift</i> för val av flera rader)
<dd><select NAME="smak3" SIZE="3" MULTIPLE>
      <option SELECTED>Havre<option>Choklad<option SELECTED>Nötkaka
</select>

<dt>SUBMIT
<dd><input TYPE="SUBMIT" VALUE="Sänd"> <--Prova gärna att klicka på denna knapp,

<dt>RESET
<dd><input TYPE="RESET" VALUE="Töm">

<dt>IMAGE
<dd><input TYPE="IMAGE" SRC="../images/redo.gif" WIDTH="21" HEIGHT="21">

</dl>
</form>
<hr width="50%" align="left">
Ovanstående forms kod (något förenklad):<br>

<div class="code">
<ol>
<li><FORM NAME="Alla" ACTION="FormAll.asp" METHOD="POST"><br>
<li><br>
<li>TEXTBOX (Namn = f_namn)<br><br>
<li>  <INPUT NAME="f_namn" TYPE="TEXT" SIZE="30"><br><br>
<li><br>
<li>PASSWORD (Namn = pwd)<br><br>
<li>  <INPUT NAME="pwd" TYPE="PASSWORD" SIZE="30"><br><br>
<li><br>
<li>TEXTAREA (Namn = f_extra)<br><br>
<li>  <TEXTAREA NAME="f_extra" COLS="30" ROWS="5">Finns färdigt</TEXTAREA><br><br>
<li><br>
<li>CHECKBOX (Namn = check1)<br><br>
<li>  <INPUT NAME="check1" TYPE="CHECKBOX"><br><br>
<li><br>
<li>CHECKBOX (Namn = check2)<br><br>
<li>  <INPUT NAME="check2" TYPE="CHECKBOX" CHECKED><br><br>
<li><br>
<li>RADIO (Bägge heter radio1)<br><br>
<li>  <INPUT NAME="radio1" TYPE="RADIO" VALUE="FÖRSTA"><br><br>
<li>  <INPUT NAME="radio1" TYPE="RADIO" VALUE="ANDRA" CHECKED><br><br>
<li><br>
<li>SELECT (Namn = smak1)<br><br>
<li>  <SELECT NAME="smak1"><br>
<li>    <OPTION>Havre<br>
<li>    <OPTION SELECTED>Choklad<br>
<li>    <OPTION>Nötkaka<br>
<li>  </SELECT><br><br>
<li><br>
<li>SELECT (Namn = smak2)<br><br>
<li>  <SELECT NAME="smak2" SIZE="3"><br>
<li>    <OPTION>Havre<br>
<li>    <OPTION SELECTED>Choklad<br>
<li>    <OPTION>Nötkaka<br>
<li>  </SELECT><br><br>
<li><br>
<li>SELECT (Namn = smak3, MULTIPLE)<br><br>
<li>  <SELECT NAME="smak3" SIZE="3" MULTIPLE><br>
<li>    <OPTION SELECTED>Havre<br>
<li>    <OPTION>Choklad<br>
<li>    <OPTION SELECTED>Nötkaka<br>
<li>  </SELECT><br><br>
<li><br>
<li>SUBMIT<br><br>
<li>  <INPUT TYPE = SUBMIT VALUE="Sänd"><br><br>
<li><br>
<li>RESET<br><br>
<li>  <INPUT TYPE="RESET" VALUE="Töm"><br><br>
<li><br>
<li>IMAGE<br><br>
<li>  <INPUT TYPE="IMAGE" SRC="./images/open.gif"><br><br>
<li></FORM><br>
</ol>
</div>
Förklaringar:
<table BORDER="1">
<tr>
<td valign="top">1</td>
<td>
Här definierar jag formen. <p>
Dess namn är <b>Alla</b> och när jag klickar på <b>SUBMIT</b> (eller bilden) skall
formfälten sändas till <b>FormAll.asp</b> för vidarebearbetning
</td>
</tr>
<td valign="top">4</td>
<td>
En enradig textbox dit man kan skriva in text.<p>
Följande inställningar kan göras
<ul>
<li>MAXLENGTH=<i>nn</i> gör att man inte kan mata in mera än <i>nn</i> antal tecken
<li>SIZE=<i>nn</i> anger storleken i tecken. Olika browsers kan hantera detta tal olika! Prova!
<li>NAME=<i>namn</i> Ger kontrollen ett namn.
<li>NOTAB Gör att man inte kan använda tabulatorn för att hoppa till denna kontroll
<li>TABINDEX=<i>nn</i> ställer in in vilken ordningsföljd man hoppar mellan kontrollerna med tabulator. Går från små tal mot större.
<li>TITLE=<i>titel</i> ger en förklarande text som i vissa browsers kan visas som "tooltop" när man sätter musen ovanpå kontrollen.
<li>VALUE=<i>default</i> gör att det står <i>default</i> färdigt i textboxen.
</ul>
Dessa inställningar gäller även de flesta övriga kontrolltyperna , men det kan finnas browserberoende skillnader på hur de hanteras.
</td>
</tr>
<td valign="top">7</td>
<td>
En enradig textbox dit man kan skriva in text.<p>
Till skillnad från en textbox så ser man inte vad man skriver i denna kontroll. Det kommer ***** istället för den text vi skriver.
För övrigt kan samma inställningar göras som för en textbox.
</td>
</tr>
<td valign="top">10</td>
<td>
En flerradig textbox dit man kan skriva in text.<p>
Storleken bestäms som kolumner, rader, d.v.s COLS="30" ROWS="5" betyder 30 tecken i bredd och 5 rader<p>
Skriver man in text mellan <TEXTAREA> och </TEXTAREA> kommer denna att visas i textboxen
</td>
</tr>
<td valign="top">13, 16</td>
<td>
Checkboxar.<p>
Man kan med CHECKED sätta dit "x:et" färdigt
</td>
</tr>
<td valign="top">19, 20</td>
<td>
Radioknappar.<p>
Observera att dessa måste ha samma namn för att browserns skall veta vilka som "hör ihop".
Man kan bara välja en av de radioknappar som har samma namn. För VALUE sätter man
de värden man vill att den mottagande ASP sidan skall få
</td>
</tr>
<td valign="top">23 - 41</td>
<td>
Olika former av listboxar och comboboxar.<p>

</td>
</tr>
<td valign="top">44</td>
<td>
SUBMIT knappen är den som används för att bekräfta inmatningen och derigenom sända iväg datat till den
mottagande ASP sidan.<p>

</td>
</tr>
<td valign="top">47</td>
<td>
RESET knappen återställer sidan och raderar all eventuell inmatning som gjorts i kontrollerna.<p>
</td>
</tr>
<td valign="top">50</td>
<td>
Man kan även göra en grafisk knapp som fungerar som submit<p>
</td>
</tr>
<td valign="top">51</td>
<td>
Glöm inte bort att "stänga av" formen. Annars kommer resten av sidan att betraktas som tillhörande formen<p>
</td>
</tr>
</table>
<p>
<a name="GET">Samma form fast med GET</a><p>
<form NAME="Alla" ACTION="FormAll.asp" METHOD="GET">
<dl>
<dt>TEXTBOX (Namn = f_namn)
<dd><input NAME="f_namn" TYPE="TEXT" SIZE="30" TITLE="TEST">

<dt>PASSWORD (Namn = pwd)
<dd><input NAME="pwd" TYPE="PASSWORD" SIZE="30">

<dt>TEXTAREA (Namn = f_extra)
<dd><textarea NAME="f_extra" COLS="30" ROWS="5">Finns färdigt</textarea>

<dt>CHECKBOX (Namn = check1)
<dd><input NAME="check1" TYPE="CHECKBOX">

<dt>CHECKBOX (Namn = check2)
<dd><input NAME="check2" TYPE="CHECKBOX" CHECKED>

<dt>RADIO (Bägge heter radio1)
<dd><input NAME="radio1" TYPE="RADIO" VALUE="FÖRSTA"><br>
<input NAME="radio1" TYPE="RADIO" VALUE="ANDRA" CHECKED>

<dt>SELECT (Namn = smak1)
<dd><select NAME="smak1">
      <option>Havre<option SELECTED>Choklad<option>Nötkaka
</select>

<dt>SELECT (Namn = smak2)
<dd><select NAME="smak2" SIZE="3">
      <option>Havre<option SELECTED>Choklad<option>Nötkaka
</select>

<dt>SELECT (Namn = smak3, MULTIPLE)<br>
Använd <i>Ctrl</i> eller <i>Shift</i> för val av flera rader)
<dd><select NAME="smak3" SIZE="3" MULTIPLE>
      <option SELECTED>Havre<option>Choklad<option SELECTED>Nötkaka
</select>

<dt>SUBMIT
<dd><input TYPE="SUBMIT" VALUE="Sänd"> <--Prova gärna att klicka på denna knapp,

<dt>RESET
<dd><input TYPE="RESET" VALUE="Töm">

<dt>IMAGE
<dd><input TYPE="IMAGE" SRC="../images/redo.gif" WIDTH="21" HEIGHT="21">

</dl>
</form>