Printable Form with Tables

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="697" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 35 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7">  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7"> <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >   </FONT></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <STYLE type=text/css>#rollbutton a { color: #C0DCC0; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; display: block; width: 85px; height: 22px; padding: 0px;}#rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset light gray;}</STYLE><DIV id=rollbutton><DIV><A href="http://www.samisite.com" title="Go Back to Home Page" target="_top" onfocus="this.blur()"><center>HOME</center></A> </DIV></DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE>                                                  </div> <div> <B>Part 2: Design a FORM using CSB table                    </B><FONT SIZE="2" COLOR="#330066" FACE="Arial" ><A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!"><B>return to part 1</B></A></FONT></div> <div> <B>Printable interactive form samples - no email response</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" >  </FONT></div> <bR> <div> <B>If you want to print a form instead of emailing, you have two options:</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Build a plain white table, instruct your user to print, fill it, fax it.    (</B><A HREF="http://www.swgalleries.com/orderform1.htm" TARGET="_blank" TITLE="http://www.swgalleries.com/orderform1.ht"><B>sample</B></A><B> by KW)</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Create an </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>interactive form</B></FONT><B> that your visitor can complete online, print then mail or fax.  </B></div> <div> <B>Just make the table with fields and you have it!   </B><B>(scroll down for two samples, or )</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div>  <form action="method">  </div> <div> <B>Sample 1:</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" >      </FONT></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="602" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" BGCOLOR=#BBBBBB > <tR> <tD VALIGN=TOP BGCOLOR=#888888 HEIGHT= 20 WIDTH="86"><div> <B>Name:</B></div> </tD> <tD VALIGN=TOP COLSPAN=4 BGCOLOR=#888888><NOBR> <input type="Text" name="Name" size="60" maxlength="60"> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#888888 HEIGHT= 20 ><NOBR><div> <B>Address:</B></div> </NOBR></tD> <tD VALIGN=TOP COLSPAN=4 BGCOLOR=#888888><NOBR> <input type="Text" name="Address" size="60" maxlength="200"> </NOBR></tD> </tR> <tR> <tD VALIGN=CENTER COLSPAN=2 BGCOLOR=#888888 HEIGHT= 20 WIDTH="232"><div> <B>Best Time to call:</B></div> </tD> <tD VALIGN=CENTER BGCOLOR=#888888 WIDTH="109"><div>     <input type="Text" name="Time" size="10" maxlength="10">      </div> </tD> <tD VALIGN=CENTER COLSPAN=2 BGCOLOR=#888888 WIDTH="227"><div>  <input type="radio" name="MornEve" value="am">   <FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" ><B>AM</B></FONT>     <FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" ><B> <input type="radio" Name="MornEve" value="pm" checked>  PM</B></FONT></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="86"><div> <B><U>photo #</U></B></div> </tD> <tD VALIGN=TOP WIDTH="143"><div> <B><U>type of frame</U></B></div> </tD> <tD VALIGN=TOP WIDTH="109"><div> <B><U>cost</U></B></div> </tD> <tD VALIGN=TOP WIDTH="129"><div> <B><U>how many</U></B></div> </tD> <tD VALIGN=TOP WIDTH="95"><div> <B><U>size</U></B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 19 WIDTH="86"><div> 123-s</div> </tD> <tD VALIGN=TOP WIDTH="143"><div>  <SELECT NAME="123-sFrame" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=Oak-Light>Oak - Light <option value=Oak-Dark>Oak - Dark <option value=Cherry>Cherry <option value=Black>Black metal <option value=Silver>Silver metal <option value=Gold>Gold Leaf <option value=Wedding-crystal>Wedding - Crystal </SELECT>  </div> </tD> <tD VALIGN=TOP WIDTH="109"><div> $10</div> </tD> <tD VALIGN=TOP WIDTH="129"><div>  <input type="Text" name="123-s" size="10" maxlength="10">  </div> </tD> <tD VALIGN=TOP WIDTH="95"><div> 5x7</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 19 WIDTH="86"><div> 123-m</div> </tD> <tD VALIGN=TOP WIDTH="143"><div>  <SELECT NAME="123-mFrame" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=Oak-Light>Oak - Light <option value=Oak-Dark>Oak - Dark <option value=Cherry>Cherry <option value=Black>Black metal <option value=Silver>Silver metal <option value=Gold>Gold Leaf <option value=Wedding-crystal>Wedding - Crystal </SELECT>  </div> </tD> <tD VALIGN=TOP WIDTH="109"><div> $25</div> </tD> <tD VALIGN=TOP WIDTH="129"><div>  <input type="Text" name="123-m" size="10" maxlength="10">  </div> </tD> <tD VALIGN=TOP WIDTH="95"><div> 8x10</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 19 WIDTH="86"><div> 123-l</div> </tD> <tD VALIGN=TOP WIDTH="143"><div>  <SELECT NAME="123-lFrame" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=Oak-Light>Oak - Light <option value=Oak-Dark>Oak - Dark <option value=Cherry>Cherry <option value=Black>Black metal <option value=Silver>Silver metal <option value=Gold>Gold Leaf <option value=Wedding-crystal>Wedding - Crystal </SELECT>  </div> </tD> <tD VALIGN=TOP WIDTH="109"><div> $100</div> </tD> <tD VALIGN=TOP WIDTH="129"><div>  <input type="Text" name="123-l" size="10" maxlength="10">  </div> </tD> <tD VALIGN=TOP WIDTH="95"><div> 11x14</div> </tD> </tR> </TABLE></div> <div> <B> <INPUT TYPE="button" name="printMe" onClick="print()" value="Print page for my records"> </form>  </B></div> <div> <B> <form action="method">  </B></div> <div> <B>Sample 2: </B></div> <div> <TABLE BORDER="1" CELLPADDING="2" CELLSPACING="1" WIDTH="574" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" BGCOLOR=#9999CC > <tR> <tD VALIGN=TOP BGCOLOR=#9999CC HEIGHT= 20 WIDTH="86"><div> <B>Name:</B></div> </tD> <tD VALIGN=TOP COLSPAN=3 BGCOLOR=#9999CC><NOBR> <input type="Text" name="Name" size="60" maxlength="60"> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#9999CC HEIGHT= 20 ><NOBR><div> <B>Address:</B></div> </NOBR></tD> <tD VALIGN=TOP COLSPAN=3 BGCOLOR=#9999CC><NOBR> <input type="Text" name="Address" size="60" maxlength="200"> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#9999CC HEIGHT= 33 ><NOBR><div> <B>Comment:</B></div> </NOBR></tD> <tD VALIGN=TOP COLSPAN=3 BGCOLOR=#9999CC WIDTH="465"> <textarea name="Comment" cols="52" rows="5" wrap="VIRTUAL"></textarea> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="86"><div> <B><U>photo #</U></B></div> </tD> <tD VALIGN=TOP WIDTH="143"><div> <B><U>type of frame</U></B></div> </tD> <tD VALIGN=TOP WIDTH="205"><div> <B><U>cost-quantity</U></B></div> </tD> <tD VALIGN=TOP WIDTH="115"><div> <B><U>size</U></B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 19 ><NOBR><div> 123small</div> </NOBR></tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="143"><div>  <SELECT NAME="123-sFrame" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=Oak-Light>Oak - Light <option value=Oak-Dark>Oak - Dark <option value=Cherry>Cherry <option value=Black>Black metal <option value=Silver>Silver metal <option value=Gold>Gold Leaf <option value=Wedding-crystal>Wedding - Crystal </SELECT>  </div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="205"><div>  <SELECT NAME="123-scost" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=1 = $10>1 = $10 <option value=2 = $20>2 = $20 <option value=3 = $25>3 = $25 <option value=4 = $30>4 = $30 <option value=5 = $35>5 = $35 </SELECT>  </div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="115"><div> 5x7</div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 19 WIDTH="86"><div> 123med</div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="143"><div>  <SELECT NAME="123-mFrame" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=Oak-Light>Oak - Light <option value=Oak-Dark>Oak - Dark <option value=Cherry>Cherry <option value=Black>Black metal <option value=Silver>Silver metal <option value=Gold>Gold Leaf <option value=Wedding-crystal>Wedding - Crystal </SELECT>  </div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="205"><div>  <SELECT NAME="123-mcost" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=1 = $20>1 = $20 <option value=2 = $40>2 = $40 <option value=3 = $50>3 = $50 <option value=4 = $60>4 = $60 <option value=5 = $70>5 = $70 </SELECT>  </div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="115"><div> 8x10</div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 19 WIDTH="86"><div> 123large</div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="143"><div>  <SELECT NAME="123-lFrame" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=Oak-Light>Oak - Light <option value=Oak-Dark>Oak - Dark <option value=Cherry>Cherry <option value=Black>Black metal <option value=Silver>Silver metal <option value=Gold>Gold Leaf <option value=Wedding-crystal>Wedding - Crystal </SELECT>  </div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="205"><div>  <SELECT NAME="123-lcost" SIZE=1> <option value=Choose selected>CHOOSE ONE <option value=1 = $50>1 = $50 <option value=2 = $75>2 = $75 <option value=3 = $100>3 = $100 <option value=4 = $125>4 = $125 <option value=5 = $150>5 = $150 </SELECT>  </div> </tD> <tD VALIGN=TOP BGCOLOR=#EEEEEE WIDTH="115"><div> 11x14</div> </tD> </tR> </TABLE></div> <div> <B> <INPUT TYPE="button" name="printMe" onClick="print()" value="Print page for my records"> </form>  </B></div> <bR> <div> <IMG SRC="26419150.gif" border=0 width="25" height="21" ALT="link" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  <A HREF="#other" TITLE="Printable Form with Tables"><B>See other form examples</B></A><B> </B> <IMG SRC="26419150.gif" border=0 width="25" height="21" ALT="link" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> </div> <bR> <bR> <hr> <bR> <bR> <div> <B>BUILD A TABLE THEN</B></div> <div> <B>PUT THE FORM FIELDS</B><B> INTO DIFFERENT CELLS</B></div> <bR> <div> <B><IMG SRC="17a5fc40.png" border=0 width="607" height="196" ALT="table showing placement of insert > html placeholders" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="671" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 276 ><NOBR><div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Draw a table to fit your needs. </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Click on a cell where you want an input field.  </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Choose how you want to put the HTML code into the table.</B></div> <div> <B>The image above shows two ways to do it:</B></div> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">PASSTHRU technique </B></FONT>(like Name and Address)<B> using</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B> </B></FONT><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B><| </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>before and</B></FONT><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>  |> </B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>after the code.</B></FONT></div> <div> This puts the code directly into the table so you can see it in the design window.</div> <div> <B>If using this method, it must be </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>ALONE</B></FONT><B> on the line/cell and use the passthru codes. </B></div> <div> <B>Important:  make sure you have no spaces between the passthru codes</B></div> <div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">INSERT > HTML </B></FONT><B>(webgem in Trellix)  </B>(LIKE 123-s, 123-m, 123-l)</div> <div> The code is inserted and a <B>placeholder </B>image shows in the design window</div> <div> <B>If inserting the code into Insert> HTML (webgem) </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B>DO NOT</B></FONT><B> use the</B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B> <| |>.</B></FONT></div> <div> <B>In smaller cells, I find this way works better than passthru technique.</B></div> <div> This is the placeholder image I use in tables so it doesn't take up so much space:</div> <div> Right click it to "save as" to use for HTML your placeholder. <B><IMG SRC="0d30a0f0.gif" border=0 width="10" height="15" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">  </B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <bR> <div> <B>THE HTML CODE FOR INPUT FIELDS</B><B>: </B></div> <div> <B>Copy and Paste these codes. </B><B>Insert one field for each answer needed.</B><B>  Modify for your needs. </B></div> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="609" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 147 ><NOBR><div> <B>Simple text entry: </B></div> <div> <input type="Text" name="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >Name</FONT>" size="60" maxlength="60"></div> <div> <input type="Text" name="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >123-s</FONT>" size="10" maxlength="10"></div> <div> <input type="Text" name="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >small</FONT>" size="10" maxlength="10"></div> <div> <input type="Text" name="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >1</FONT>" size="10" maxlength="10"></div> <div> <B>This one allows more input by the user than the field size visible:</B> </div> <div> <input type="Text" name="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >Address</FONT>" size="60" maxlength="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >200</FONT>"></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 40 ><NOBR><div> <B>Simple comment/message entry:   </B><FONT SIZE="2" COLOR="#000000" FACE="Arial" >(can be seen on the green form below)</FONT></div> <div> <textarea name="Comment" cols="52" rows="10" wrap="VIRTUAL"></textarea></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 559 WIDTH="597"><div> <B>Simple dropdown choice: </B></div> <div> <SELECT NAME="<FONT SIZE="3" COLOR="#6600CC" FACE="Arial" >123-sFrame</FONT>" SIZE=1></div> <div>                 <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Choose</FONT><FONT SIZE="3" COLOR="#990000" FACE="Arial" > </FONT><FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >selected</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >CHOOSE ONE </FONT>                         </div> <div>              <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Oak-Light</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >Oak - Light </FONT></div> <div>              <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Oak-Dark</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >Oak - Dark </FONT> </div> <div>              <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Cherry</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >Cherry </FONT></div> <div>              <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Black</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >Black metal</FONT></div> <div>              <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Silver</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >Silver metal</FONT>  </div> <div>              <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Gold</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >Gold Leaf </FONT> </div> <div>              <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Wedding-crystal</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >Wedding - Crystal  </FONT></div> <div>                   </SELECT></div> <div> <B>Another simple dropdown choice: </B></div> <div> <SELECT NAME="<FONT SIZE="3" COLOR="#6600CC" FACE="Arial" >123-scost</FONT>" SIZE=1></div> <div>                 <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >Choose</FONT><FONT SIZE="3" COLOR="#990000" FACE="Arial" > </FONT><FONT SIZE="3" COLOR="#3333FF" FACE="Arial" >selected</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >CHOOSE ONE </FONT>                         </div> <div>                 <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >1 = $10</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >1 = $10 </FONT></div> <div>                 <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >2 = $20</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >2 = $20</FONT></div> <div>                 <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >3 = $25</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >3 = $25</FONT></div> <div>                 <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >4 = $30</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >4 = $30</FONT></div> <div>                 <option value=<FONT SIZE="3" COLOR="#339900" FACE="Arial" >5 = $35</FONT>><FONT SIZE="3" COLOR="#990000" FACE="Arial" >5 = $35</FONT></div> <div>                       </SELECT></div> <div> <B>Reference Note about the code above:</B></div> <div> <B>Purple: </B>the name of the input field.</div> <div> <FONT SIZE="2" COLOR="#339900" FACE="Arial" ><B><U>Choose</U></B></FONT><B> </B><FONT SIZE="2" COLOR="#6600FF" FACE="Arial" ><B><U>selected</U></B></FONT><FONT SIZE="2" COLOR="#000000" FACE="Arial" ><B>></B></FONT><B><U>CHOOSE ONE</U></B></div> <div> <B>Green:</B> this is a one word description that comes back in the email to you</div> <div> <B>Blue:</B> this word "selected" tells the form that this is the default answer (recommend you put this at the top of the dropdown list on a line that asks visitor to choose.)</div> <div> <B>Red:</B>  This is the word or phrase contained in the dropdown on the form</div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 169 ><NOBR><div> <B>Simple radio dial entry: </B></div> <div> <input type="radio" name="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >MornEve"</FONT> value="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >AM</FONT>"> <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>AM</B></FONT></div> <div> <input type="radio" name="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >MornEve"</FONT> value="<FONT SIZE="3" COLOR="#990000" FACE="Arial" >PM</FONT>" <FONT SIZE="3" COLOR="#339900" FACE="Arial" >checked</FONT>> <FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>PM</B> </FONT></div> <bR> <div> <B>Reference Note about the radio dial code:</B></div> <div> All choices for this field must be in the <B>same cell</B> to avoid errors.</div> <div> Green: this word "checked" tells the form that this is the default answer</div> <div> <B>Purple:</B><FONT SIZE="3" COLOR="#660066" FACE="Arial" >  </FONT>this word is typed into the table, not the inserted HTML code</div> </NOBR></tD> </tR> </TABLE></B></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="664" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 86 ><NOBR><div> <B>OPTIONAL:</B><FONT SIZE="3" COLOR="#6600CC" FACE="Arial" ><B>  </B></FONT><FONT SIZE="2" COLOR="#6600CC" FACE="Arial" ><B>You can add a print page button to your form</B></FONT></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dccc006600.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Above the table, put this code into an Insert HTML:</B></div> <div> <B><form action="method"></B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700dccc006600.png" HEIGHT="15" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Below the table, put this code into an Insert HTML:</B></div> <div> <B><INPUT TYPE="button" name="printMe" onClick="print()" value="Print Page"> </form></B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> <B> <A NAME="other"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B><FONT SIZE="5" COLOR="#330099" FACE="Arial" ><B>SEE OTHER FORM SAMPLES</B></FONT></div> <div> <B>Click the image to see other forms created using this way</B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="554" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ROWS" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 64 WIDTH="154"><div> <A HREF="http://www.samisite.com/galleryv020103/form.htm" TARGET="_blank" TITLE="http://www.samisite.com/galleryv020103/f"><IMG SRC="229553a0.gif" border=0 width="85" height="58" ALT="photo form- request copies of that galleries images" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </tD> <tD VALIGN=TOP><NOBR><bR> <div> <B>Send me a comment from the form if you like!</B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 94 WIDTH="154"><div> <A HREF="http://www.firstchoicephoto.ca/id161.htm" TARGET="_blank" TITLE="http://www.firstchoicephoto.ca/id161.htm"><IMG SRC="31466580.jpg" border=0 width="102" height="88" ALT="Paterson Photography form to order prints" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </tD> <tD VALIGN=TOP WIDTH="383"><div> <B>  The forms on this page were first drafts/samples for this site. This black form is the final form in use.  </B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 74 ><NOBR><div> <A HREF="http://rjskon.com/forms/mail_forms.htm" TARGET="_blank" TITLE="http://rjskon.com/forms/mail_forms.htm"><IMG SRC="24196440.jpg" border=0 width="150" height="68" ALT="Richard sample forms" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="383"><div> <B>Richard has used the same concept of inserting html code into a table to create a printable form.  </B></div> </tD> </tR> </TABLE></div> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="702" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 40 ><NOBR><div> <B>Known limits to this form:  NONE.</B></div> <div> If you are just printing the form, then there is NO limit on how many fields you can use!</div> </NOBR></tD> </tR> </TABLE></div> <bR> </td> </tr></table></body>