PassagenHjälp « Tillbaka till förstasidan




Passagens HTML-guide: Formulär i ett HTML-dokument


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:

<FORM METHOD=POST ACTION="mailto:användarnamn@domän.se">

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ätet kommer att se ut så här:

Skriv ditt namn 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.


Vi gör några exempel:

<FORM>
<INPUT TYPE="radio" NAME="1" VALUE="Val ett">Val ett<BR>
<INPUT TYPE="radio" NAME="1" VALUE="Val två">Val två<BR>
<INPUT TYPE="radio" NAME="1" VALUE="Val tre">Val tre<BR>
</FORM>

ser ut så här:

Val ett
Val två
Val tre


<FORM>
<INPUT TYPE="checkbox" NAME="Ett" VALUE="CHECKED">Alternativ ett<BR>
<INPUT TYPE="checkbox" NAME="Två" VALUE="CHECKED">Alternativ två<BR>
<INPUT TYPE="checkbox" NAME="Tre" VALUE="CHECKED">Alternativ tre<BR>
</FORM>

ser ut så här:

Alternativ ett
Alternativ två
Alternativ tre


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 var en väldigt kortfattad beskrivnig om formulär, men det finns hur mycket information som helst att få tag på ute på "nätet".

Passagen Hjälp:  Abuse  Chat  Debatt  Driftinfo  Hemsida  Dejting  Medlemskap  Mejl