Processing Forms

For an example of a Form, click here. You can also view some of Stephanie's Web Database Pages here.

This is least amount of HTML Code required to make a Form:
<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl"> ... ... <INPUT TYPE=SUBMIT> </FORM>	<-- the FORM Opening Tag, <-- some Code, <-- the SUBMIT Button, <-- the FORM Closing Tag.

This Code will produce this (non-working example):

You should choose to add a Table and Input within your Form:
<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl"> <TABLE BORDER=4> <TR ALIGN=CENTER> <TD> <INPUT TYPE="text"> </TD> </TR> <TR ALIGN=CENTER> <TD> <INPUT TYPE=SUBMIT> </TD> </TR> </TABLE> </FORM>	<-- the FORM Opening Tag, <-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- a Text INPUT Box, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- the SUBMIT Button, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag, <-- the FORM Closing Tag.

This Code will produce this (non-working example):

You could choose to add Default Values to your Text Boxes:
<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl"> <TABLE BORDER=4> <TR ALIGN=CENTER> <TD> <INPUT TYPE="text" VALUE="Dennis Kennedy"> </TD> </TR> <TR ALIGN=CENTER> <TD> <INPUT TYPE=SUBMIT> </TD> </TR> </TABLE> </FORM>	<-- the FORM Opening Tag, <-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- Default INPUT Box VALUE, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- the SUBMIT Button, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag, <-- the FORM Closing Tag.

This Code will produce this (non-working example):

You could choose to set SIZE and MAXLENGTH to your Text Boxes:
<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl"> <TABLE BORDER=4> <TR ALIGN=CENTER> <TD> <INPUT TYPE="text" SIZE=40 MAXLENGTH=40 VALUE="Dennis Kennedy"> </TD> </TR> <TR ALIGN=CENTER> <TD> <INPUT TYPE=SUBMIT> </TD> </TR> </TABLE> </FORM>	<-- the FORM Opening Tag, <-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- SIZE and MAXLENGTH, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- the SUBMIT Button, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag, <-- the FORM Closing Tag.
(SIZE is the Width of your INPUT Box, in characters.) (MAXLENGTH is the Maximum Number of Characters Allowed in your INPUT Box.)

This Code will produce this (non-working example):

You could choose to add a RESET Button to your Form:
<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl"> <TABLE BORDER=4> <TR ALIGN=CENTER> <TD> <INPUT TYPE="text" SIZE=40 MAXLENGTH=40 VALUE="Dennis Kennedy"> </TD> </TR> <TR ALIGN=CENTER> <TD> <INPUT TYPE=SUBMIT> <INPUT TYPE=RESET> </TD> </TR> </TABLE> </FORM>	<-- the FORM Opening Tag, <-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- a Text INPUT Box, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- the SUBMIT Button, <-- the RESET Button, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag, <-- the FORM Closing Tag.
(RESET will Return your Form back to it's Default VALUE's.)

This Code will produce this (non-working example):

Finally, to make your Form work, you have to NAME your INPUT's:
<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl"> <TABLE BORDER=4> <TR ALIGN=CENTER> <TD> <INPUT NAME="who" TYPE="text" SIZE=40 MAXLENGTH=40 VALUE="Dennis Kennedy"> </TD> </TR> <TR ALIGN=CENTER> <TD> <INPUT NAME="btnPressed" TYPE=SUBMIT VALUE="Test Me Now"> <INPUT TYPE=RESET> </TD> </TR> </TABLE> </FORM>	<-- the FORM Opening Tag, <-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- INPUT Box NAME, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- (Suggested) SUBMIT Button NAME, <-- the RESET Button, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag, <-- the FORM Closing Tag.

This Code will produce this (working example): All Tutorials are Intended to be Totally Harmless, Secure and Safe. No Information is being retrieved from you or your personal computer.

Note that FORM's can also process the 'METHOD=GET'. For Security Reasons, I do not suggest it.

Note that Netscape requires INPUT to be inside a <FORM></FORM>. This is where you would use them, anyway.

Back to the Table of Contents