Form with required fields

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 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">  <A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!"><IMG SRC="3ac0e0e0.png" border=0 width="14" height="14" ALT="up" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <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> <DIV style="TEXT-ALIGN: center"> <STYLE type=text/css> #rollbutton111 a { color: #C0DCC0; font-size:12px; font-weight: bold; text-decoration: none; border:2px outset #D3D3D3; background-color:#680098; display: block; width: 85px; height: 19px; padding: 0px; } #rollbutton111 a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset #D3D3D3; } </STYLE> <DIV id=rollbutton111> <A href="http://www.samisite.com" title="Samisite.com Home Page" target="_top" onfocus="this.blur()">HOME</A> <A href="http://www.forum.samisite.com" title="Visit the Samisite Webmaster Community Forum" target="_top" onfocus="this.blur()">FORUM</A></DIV> </DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" width=140 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <STYLE>  </STYLE> </div> <bR> <div> <A HREF="index.htm" TARGET="_top" TITLE="Test Index"><B>Test Index</B></A></div> <div> <A HREF="id25.htm" TARGET="_top" TITLE="Table 1"><B>Table 1</B></A></div> <div> <A HREF="id36.htm" TARGET="_top" TITLE="Table 2"><B>Table 2</B></A></div> <div> <A HREF="id129.htm" TARGET="_top" TITLE="Table 3"><B>Table 3</B></A></div> <div> <A HREF="id99.htm" TARGET="_top" TITLE="Table 4"><B>Table 4</B></A></div> <div> <A HREF="id133.htm" TARGET="_top" TITLE="Table 5"><B>Table 5</B></A></div> <div> <A HREF="id169.htm" TARGET="_top" TITLE="Table Firefox"><B>Table Firefox</B></A></div> <div> <A HREF="table_css.htm" TARGET="_top" TITLE="table css"><B>table css</B></A></div> <div> <A HREF="layered_tables.htm" TARGET="_top" TITLE="Layered Tables"><B>Layered Tables</B></A></div> <div> <A HREF="resorttable.htm" TARGET="_top" TITLE="Resort Table"><B>Resort Table</B></A></div> <div> <A HREF="id115.htm" TARGET="_top" TITLE="Background Image in Table"><B>Background Image in Table</B></A></div> <div> <A HREF="selectionguides.htm" TARGET="_top" TITLE="Selection Guides"><B>Selection Guides</B></A></div> <div> <A HREF="id28.htm" TARGET="_top" TITLE="Folding Menu Tree"><B>Folding Menu Tree</B></A></div> <div> <A HREF="id95.htm" TARGET="_top" TITLE="Menu Buttons"><B>Menu Buttons</B></A></div> <div> <A HREF="id47.htm" TARGET="_top" TITLE="Hidden Site Map"><B>Hidden Site Map</B></A></div> <div> <A HREF="id137.htm" TARGET="_top" TITLE="Anchors"><B>Anchors</B></A></div> <div> <A HREF="id55.htm" TARGET="_top" TITLE="Double Border Detail"><B>Double Border Detail</B></A></div> </td> <td valign="top" height=430 width="100%" BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <B><STYLE>  </STYLE></B></div> <DIV ALIGN="LEFT"></DIV> <div>  <style> .highlighttext{ background-color:yellow; font-weight:bold; color: #6600CC; } </style> <script language="Javascript">  </script>  </div> <div> <B>FORM WITH REQUIRED FIELDS</B></div> <bR> <div>  <A NAME="iframe"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="623" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 382 WIDTH="611"><div> <A HREF="http://www.samisite.com/contact.htm" TARGET="_top" TITLE="http://www.samisite.com/contact.htm"><B>see another way to insert a form into your site</B></A></div> <div> <B>My personal contact form is seen through an iFrame</B></div> <div> <B>   </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">An iFrame (a window cut into your web page) is great to limit the size of the form and response page!</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Your form will blend on the page and better yet, the personal response will show up inside the iFrame on the contact page letting your visitors still have access to your links! </B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make your "contact" page the same color, place your links to other pages, fax, phone, etc as necessary. Also include an iFrame with no border pointing to your plain form page.   (</B><A HREF="http://www.samisite.com/contact.htm" TARGET="_blank" TITLE="http://www.samisite.com/contact.htm"><B>see my contact page</B></A><B>)</B></div> <div> <B>My iframe code</B><FONT SIZE="1" COLOR="#330099" FACE="Verdana" ><B> on the contact page, which cuts a window in the page  (and shows the form page)</B></FONT></div> <div> <B><iframe name="FRAME1" src="id68.htm" width="345" height="438" frameborder="0" scrolling="no" ></B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make a page that is totally plain, except for the form.   (mine: http://www.samisite.com/samiformufm2.php)</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700b480000000.png" HEIGHT="12" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Make a page that will be used as your response.  (mine: http://www.samisite.com/thanks.htm)</B></div> <bR> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B>Tutorial for this option will be made shortly.</B></div> <div> <A HREF="http://www.samisite.com/test-csb2nf/id43.htm" TARGET="_top" TITLE="http://www.samisite.com/test-csb2nf/id43"><B>Read more about iFrames here.</B></A></div> </tD> </tR> </TABLE></div> <bR> <div> <B> <A NAME="formfields"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="563" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#EEEEEE HEIGHT= 303 WIDTH="551"><div> <B>Use the form fields section of the code.  </B></div> <div> <B>Or if you want to place your codes into a customized table to match your website (like 1-2-3 method shown on the </B><A HREF="id37.htm" TARGET="_top" TITLE="Design a Form!"><B>Design a Form with Tables</B></A><B>):</B></div> <bR> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Grab the form field codes out of the Form Fields area of CSB created code.</B> </div> <div> Place each <input> code into its own webgem (Insert > HTML) in a table between the starting and ending codes as shown. </div> <div> <I>Example - this table row came from the CSB form above. The part you want to use in a separate webgem for a Address field is shown in red bold lettering:</I> </div> <div> <tr> <td><font size=-1 face="arial">Address: </font></td><td><font size=-1 face="arial"><FONT SIZE="3" COLOR="#FF0000" FACE="Arial" ><B><input type="Text" name="Address1" size="30" maxlength="100"></B></FONT></font></td> </tr> </div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f000000000.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Want to add dropdown fields?</B>  More sample input codes are <A HREF="id37_inputfields.htm" TARGET="_top" TITLE="Design a Form!">here</A>.</div> </tD> </tR> </TABLE></div> <bR> <bR> </td> </tr></table></body>