INPUT - Olika former av kontroller för formar

		Tags I - N
		I - Kursiv formatering
		IFRAME - Flytande frames (endast IE 3.0 ->)
		IMG - Insättning av bilder
		INPUT - Olika former av kontroller för formar
		ISINDEX - Sökbara index
		KBD - Textformatering för tangentbordsinmatning
		LI - Listor
		LINK - Länkningar mellan dokumenten
		LISTING - Textformateringar för listningar
		MARQUEE - Rullande markiser med text (IE)
		MENU - Meny listningar
		META - Ger information om dokumentet till browsern
		NOBR - Stänger av automatiska radbyten
		NOFRAMES - Hantering av browser utan frames

<INPUT
 ALIGN=TOP, MIDDLE, BOTTOM, LEFT eller RIGHT
 CHECKED
 CLASS=typ
 ID=värde
 MAXLENGTH=längd
 NAME=namn
 NOTAB
 onBlur=händelse
 onChange=händelse
 onClick=händelse
 onFocus=händelse
 onSelect=händelse
 SIZE=storlek
 SRC=url
 STYLE=css1 egenskaper
 TABINDEX=nummer
 TITLE=text
 TYPE=TEXT,TEXTAREA,PASSWORD,CHECKBOX,RADIO,SUBMIT,RESET,FILE,HIDDEN,IMAGE eller BUTTON
 VALUE=värde>

Används för att sätta in kontroller i en Form.

Förklaringar:

CHECKED

För RADIO och CHECKBOX. Bestämmer om de skall vara "förkruxade" eller inte.

MAXLENGTH

För textkontroller. Bestämmer max antal tecken som kan matas in.

NAME

Ger kontrollen ett namn.

NOTAB

Gör att man inte kan använda Tabulatortangenten för att hoppa till kontrollen.

onBlur

Det som skall ske när kontrollen mister fokus (man går bort från den).

onChange

Det som skall ske när kontrollens innehåll ändras.

onClick

Det som skall ske när man klickap på kontrollen med musen.

onFocus

Det som skall ske när kontrollens får fokus.

onSelect

Det som skall ske när kontrollens innehåll väljs.

SIZE

Kontrollens storlek (mätt i antal tecken). För textkontroller kan storleken anges som bredd,höjd t.ex "20,5".

SRC

URL till en bild. Används endast om TYPE=IMAGE.

TABINDEX

I vilken ordning man skall hoppa mellan kontrollerna med tabulatorn. Går från låga nummer mot högre.

TITEL

Förklarande titel för kontrollen.

TYPE

Typ av kontroll. Default är TEXT

TEXT används för enradig textinmatning, SIZE och MAXLENGTH kan ställas in.

TEXTAREA används för flerradiga texter.

PASSWORD som TEXT men man ser inte vad man skriver in.

CHECKBOX en checkbox.

RADIO radioknappar / optionbuttons. För att koppla flera RADIO skall dessa ha samma NAME egenskap. VALUE måste anges och får inte vara samma för de olika RADIO i gruppen.

SUBMIT är en knapp som sänder datat till servern. Om VALUE är angivet kommer den texten på knappen, i annat fall jommer browsern att bestämma en lämplig text. Om knappen har VALUE satt kommer SUBMIT knappen att sända ett namn/värde par i det sända datat. I annat fall kommer denbara att sända de övriga kontrollernas värden.

RESET är en knapp som tömmer inmatade värder och återställer formen till startvärdena. Om VALUE är angivet kommer den texten på knappen, i annat fall sätter browsern en lämplig text.

FILE sätter in en fil.

HIDDEN sätter en kontroll som inte syns men som går att använda för att överföra data till servern.

IMAGE Sätter in en bild som man kan klicka på för att utföra en SUBMIT händelse. När man klickar kommer koordinaterna för "klicket" att sändas i följande form: Om kontrollen heter BILD kommer x koordinaten att sändas som BILD.x , och y koordinaten som BILD.y .

BUTTON sätter in en knapp. VALUE bestämmer dess text.

Exempel:

<FORM ACTION="http://min.site.fi/cgi-bin/nyfiken.exe" METHOD=POST>
<P>Namn
<BR><INPUT NAME="namnet" TYPE=TEXT VALUE="Ditt namn">
<P>Lösenord
<BR><INPUT TYPE="PASSWORD" NAME="pass">
<P>Favoritfärg
<BR><INPUT TYPE="RADIO" NAME="favorit" VALUE="0" CHECKED>Röd
<INPUT TYPE="RADIO" NAME="favorit" VALUE="1">Grön
<INPUT TYPE="RADIO" NAME="favorit" VALUE="2">Blå
<P>Kommentarer
<BR><INPUT TYPE="TEXTAREA" NAME="kommentar" SIZE="20,5" MAXLENGTH="250">
<P><INPUT NAME="EnCheckbox" TYPE=CHECKBOX CHECKED>
Sänd
<P><INPUT TYPE="SUBMIT" VALUE="OK"><INPUT TYPE="RESET" VALUE="Radera">
</FORM>

Namn

Lösenord

Favoritfärg
Röd Grön Blå

Kommentarer

Sänd

Ifall någon funderar så har jag i demoformen ovan dessutom följande kod:

<FORM NAME="XX"
     ACTION="javascript:alert('\nDu svarade följande:
     \n\nNamn: ' + document.XX.namnet.value +
     '\nLösenord: ' + document.XX.pass.value +
     '\nRöd: ' + document.XX.favorit[0].checked +
     '\nGrön: ' + document.XX.favorit[1].checked +
     '\nBlå: ' + document.XX.favorit[2].checked +
     '\nKommentarer: ' + document.XX.kommentar.value +
     '\nCheckboxen: '+ document.XX.EnCheckbox.checked )"
     METHOD=POST>

Vad som görs med denna inmatning beror helt på det program som måste finnas på servern. Detta program kommer att startas på följande sätt:
Anta att följande har blivit inmatat:
Namn=Kalle Andersson
Lösenord=xyz
Favoritärg="Blå"
Kommentarer=Detta var roligt
Checkboxen="förkryssad"

Så kommer programmet som finns i
http://min.site.fi/cgi-bin/nyfiken.exe
att få följande rad tillsänt sig:
namnet=Kalle+Andersson&pass=xyz&favorit=2&kommentar=Detta+var+kul&EnChecbox=on

Programmet "nyfiken" läser raden den får, plockar ut de enskida delarna och vidtar de åtgärder som programmet skall göra. Observera att alla mellanslag ersätts med ett "+".