Källkoden för /anders.enges/html/html71.asp
<!--#include file="../inc/navstuff.asp" -->
<b><INPUT</b><br>
 <b>ALIGN</b>=TOP, MIDDLE, BOTTOM, LEFT eller RIGHT<br>
 <b>CHECKED</b><br>
 <b>CLASS</b>=typ<br>
 <b>ID</b>=värde<br>
 <b>MAXLENGTH</b>=längd<br>
 <b>NAME</b>=namn<br>
 <b>NOTAB</b><br>
 <b>onBlur</b>=händelse<br>
 <b>onChange</b>=händelse<br>
 <b>onClick</b>=händelse<br>
 <b>onFocus</b>=händelse<br>
 <b>onSelect</b>=händelse<br>
 <b>SIZE</b>=storlek<br>
 <b>SRC</b>=url<br>
 <b>STYLE</b>=css1 egenskaper<br>
 <b>TABINDEX</b>=nummer<br>
 <b>TITLE</b>=text<br>
 <b>TYPE</b>=TEXT,TEXTAREA,PASSWORD,CHECKBOX,RADIO,SUBMIT,RESET,FILE,HIDDEN,IMAGE eller BUTTON<br>
 <b>VALUE</b>=värde<b>></b><br>
<br>
Används för att sätta in kontroller i en Form.<br>
<br>
Förklaringar:<br>
<DL>
<DT><b>CHECKED</b>
<DD>För RADIO och CHECKBOX. Bestämmer om de skall vara "förkruxade" eller inte.
<DT><b>MAXLENGTH</b>
<DD>För textkontroller. Bestämmer max antal tecken som kan matas in.
<DT><b>NAME</b>
<DD>Ger kontrollen ett namn.
<DT><b>NOTAB</b>
<DD>Gör att man inte kan använda Tabulatortangenten för att hoppa till kontrollen.
<DT><b>onBlur</b>
<DD>Det som skall ske när kontrollen mister fokus (man går bort från den).
<DT><b>onChange</b>
<DD>Det som skall ske när kontrollens innehåll ändras.
<DT><b>onClick</b>
<DD>Det som skall ske när man klickap på kontrollen med musen.
<DT><b>onFocus</b>
<DD>Det som skall ske när kontrollens får fokus.
<DT><b>onSelect</b>
<DD>Det som skall ske när kontrollens innehåll väljs.
<DT><b>SIZE</b>
<DD>Kontrollens storlek (mätt i antal tecken). För textkontroller kan storleken anges som bredd,höjd t.ex "20,5".
<DT><b>SRC</b>
<DD>URL till en bild. Används endast om <b>TYPE=IMAGE</b>.
<DT><b>TABINDEX</b>
<DD>I vilken ordning man skall hoppa mellan kontrollerna med tabulatorn. Går från låga nummer mot högre.
<DT><b>TITEL</b>
<DD>Förklarande titel för kontrollen.
<DT><b>TYPE</b>
<DD>Typ av kontroll. Default är <b>TEXT</b>
<DD><b>TEXT</b> används för enradig textinmatning, <b>SIZE</b> och <b>MAXLENGTH</b> kan ställas in.
<DD><b>TEXTAREA</b> används för flerradiga texter.
<DD><b>PASSWORD</b> som <b>TEXT</b> men man ser inte vad man skriver in.
<DD><b>CHECKBOX</b> en checkbox.
<DD><b>RADIO</b> radioknappar / optionbuttons. För att koppla flera <b>RADIO</b> skall dessa ha samma <b>NAME</b> egenskap. <b>VALUE</b> måste anges och får inte vara samma för de olika <b>RADIO</b> i gruppen.
<DD><b>SUBMIT</b> är en knapp som sänder datat till servern. Om <b>VALUE</b> är angivet kommer den texten på knappen, i annat fall jommer browsern att bestämma en lämplig text. Om knappen har <b>VALUE</b> satt kommer <b>SUBMIT</b> 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.
<DD><b>RESET</b> ä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.
<DD><b>FILE</b> sätter in en fil.
<DD><b>HIDDEN</b> sätter en kontroll som inte syns men som går att använda för att överföra data till servern.
<DD><b>IMAGE</b> Sätter in en bild som man kan klicka på för att utföra en <b>SUBMIT</b> 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 .
<DD><b>BUTTON</b> sätter in en knapp. <b>VALUE</b> bestämmer dess text.
</DL><br>
Exempel:<br><div class=code>
<FORM ACTION="http://min.site.fi/cgi-bin/nyfiken.exe" METHOD=POST><br>
<P>Namn<br>
<BR><INPUT NAME="namnet" TYPE=TEXT VALUE="Ditt namn"><br>
<P>Lösenord<br>
<BR><INPUT TYPE="PASSWORD" NAME="pass"><br>
<P>Favoritfärg<br>
<BR><INPUT TYPE="RADIO" NAME="favorit" VALUE="0" CHECKED>Röd<br>
<INPUT TYPE="RADIO" NAME="favorit" VALUE="1">Grön<br>
<INPUT TYPE="RADIO" NAME="favorit" VALUE="2">Blå<br>
<P>Kommentarer<br>
<BR><INPUT TYPE="TEXTAREA" NAME="kommentar" SIZE="20,5" MAXLENGTH="250"><br>
<P><INPUT NAME="EnCheckbox" TYPE=CHECKBOX CHECKED><br>
Sänd<br>
<P><INPUT TYPE="SUBMIT" VALUE="OK"><INPUT TYPE="RESET" VALUE="Radera"><br>
</FORM></div><br>
<br>
<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>
<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><br>
<br>
Ifall någon funderar så har jag i demoformen ovan dessutom följande kod:<br>
<div class=code>
<FORM NAME="XX" <br>
     ACTION="javascript:alert('\nDu svarade följande:<br>
     \n\nNamn: ' + document.XX.namnet.value +<br>
     '\nLösenord: ' + document.XX.pass.value +<br>
     '\nRöd: ' + document.XX.favorit[0].checked +<br>
     '\nGrön: ' + document.XX.favorit[1].checked +<br>
     '\nBlå: ' + document.XX.favorit[2].checked + <br>
     '\nKommentarer: ' + document.XX.kommentar.value +<br>
     '\nCheckboxen: '+ document.XX.EnCheckbox.checked )"<br>
     METHOD=POST></div>
<br>
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:<br>
Anta att följande har blivit inmatat:<br>
Namn=<KBD>Kalle Andersson</KBD><br>
Lösenord=<KBD>xyz</KBD><br>
Favoritärg=<KBD>"Blå"</KBD><br>
Kommentarer=<KBD>Detta var roligt</KBD><br>
Checkboxen=<KBD>"förkryssad"</KBD><br>
<br>
Så kommer programmet som finns i <br>
http://min.site.fi/cgi-bin/nyfiken.exe<br>
att få följande rad tillsänt sig:<br>
namnet=Kalle+Andersson&pass=xyz&favorit=2&kommentar=Detta+var+kul&EnChecbox=on<br>
<br>
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 "+". <br>
<br>
<!--#include file="../inc/footer.asp" -->