Radio box |
Checkbox |
Knappar |
Textarea |
Scrollbara fält |
Man kan också ha formulär, som går att fylla i på sin hemsida. Det enda jag kommer att ta upp här är en enkel metod att skicka e-mail från ett formulär. Om du vill göra mer avancerade formulär, så måste du ha något som heter cgi-script (Common Gateway Interface). Om du vill veta mer, så är Yahoo's sida om Forms en bra utgångspunkt. De har också en sida om cgi.
Man börjar alltid ett ifyllnadsformulär med taggen:
<FORM>
Om man nu ska göra ett formulär som det går att skicka e-post ifrån, så skriver man taggen:
För att få texten i läsbar form i ett vanligt mail, så kan man i form-taggen lägga till
ENCTYPE="text/plain"
så får man ett vanligt mail. Detta fungerar dock inte med Internet Explorer, som inte klarar av Mailto-funktionen i formulär.
Sen finns det olika typer av textfält och kryssrutor, som du kan lägga in i ditt formulär. För att få en vanlig ruta, där läsaren t.ex. kan skriva in sitt namn, så använder man taggen:
Skriv ditt namn här: <INPUT TYPE="text" NAME="namn" SIZE="20" VALUE="Ditt namn">
Det fältet kommer att se ut så här:
OM du använder dig av INPUT TYPE, så finns det olika sorters fält, och det är följande:
"text"
Här får du du en vanlig textruta
"radio"
Med detta kommando så får du en radioknapp, som går att kryssa i.
"checkbox"
En vanlig fyrkantig kryssruta.
"submit"
Du får en knapp som utför det du vill att formuläret ska göra (det som står efter ACTION=).
"reset"
Du får en knapp som suddar ut allt ifyllt, och låter anvädaren börja om.
SUBMIT och RESET ger två vanliga knappar: <FORM>
<INPUT TYPE="submit" VALUE="Sänd"><BR>
<INPUT TYPE="reset" VALUE="Börja om"><BR>
</FORM>
ger två knappar som ser ut så här:
Det finns också andra typer av fält som man kan lägga in i sitt formulär. Till exempel ett vanligt textfält, och dåanvänder man sig av taggen:
<TEXTAREA NAME="kommentar" ROWS=5 COLS=60>Test</TEXTAREA>
Här anger ROWS hur många rader högt fältet ska vara, och COLS anger hur brett fältet ska vara. Ovanstående fält ser ut så här:
Man kan också ha scrollbara fält där användaren kan välja olika alternativ. Taggen för det är:
<FORM>
<SELECT NAME="alternativ" MULTIPLE SIZE="3">
<OPTION>Alternativ ett
<OPTION>Alternativ två
<OPTION>Alternativ tre
<OPTION>Alternativ fyra
<OPTION>Alternativ fem
</SELECT>
</FORM>
och det ser ut så här:
Om man låter bli att skriva MUTIPLE SIZE=x, så får man ett fät som ser ut så här:
När du är klar med ditt formulär, så avslutas det med:
</FORM>
Det finns hur mycket information som helst att få tag på ute på "nätet".