<!-- 
document.writeln('<table border="0" cellpadding="2" bgcolor="#FFFFFF">');
document.writeln('  <tr>');
document.writeln('    <td><img src="http://www.web-source.net/graphics/wdt_logo.gif" width="150"');
document.writeln('	  height="100" border="0" align="Left" /><font face="Verdana,Helvetica" size="2">Courtesy');
document.writeln('      of');
document.writeln('      <a href="http://www.webdesignmastery.com?syn" target="blank">Web Design Mastery</a><b><br />');
document.writeln('      <br />');
document.writeln('      </b></font><font face="Verdana,Helvetica" size="2"><b>Tabbing Through HTML');
document.writeln('      Forms</b><br />');
document.writeln('      <br />');
document.writeln('      You can enable your visitors to <i>tab</i> through your form fields. To view');
document.writeln('      this example, place your cursor inside the <i>Name</i> text box and press');
document.writeln('      your <i>tab</i> key on your keyboard. You can tab through each text box.<br />');
document.writeln('      <br />');
document.writeln('      </font>');
document.writeln('      <form method=post action="/cgi-bin/example.cgi">');
document.writeln('	<table border="0" cellpadding="2">');
document.writeln('	  <tr>');
document.writeln('	    <td><font face="Verdana,Helvetica" size="2">Name:</font></td>');
document.writeln('	    <td>');
document.writeln('	      <input type="text" name="customer_name" size="20" maxlength="30" tabindex="1" /></td>');
document.writeln('	  </tr>');
document.writeln('	  <tr>');
document.writeln('	    <td><font face="Verdana,Helvetica" size="2">Address:</font></td>');
document.writeln('	    <td>');
document.writeln('	      <input type="text" name="address" size="20" maxlength="30" tabindex="2" /></td>');
document.writeln('	  </tr>');
document.writeln('	  <tr>');
document.writeln('	    <td><font face="Verdana,Helvetica" size="2">Email:</font></td>');
document.writeln('	    <td>');
document.writeln('	      <input type="text" name="email" size="20" maxlength="30" tabindex="3" /></td>');
document.writeln('	  </tr>');
document.writeln('	  <tr>');
document.writeln('	    <td><font face="Verdana,Helvetica" size="2">URL:</font></td>');
document.writeln('	    <td>');
document.writeln('	      <input type="text" name="url" size="20" maxlength="30" tabindex="4" /></td>');
document.writeln('	  </tr>');
document.writeln('	  <tr>');
document.writeln('	    <td></td>');
document.writeln('	    <td>');
document.writeln('	      <input type="Submit" value="Submit" /></td>');
document.writeln('	  </tr>');
document.writeln('	</table>');
document.writeln('      </form>');
document.writeln('      <p>');
document.writeln('      <br />');
document.writeln('      </p><table border="0" cellspacing="0" cellpadding="2" align="Center" width="100%">');
document.writeln('	<tr>');
document.writeln('	  <td bgcolor="#EAE8E8"><font face="Verdana,Helvetica" size="2">&lt;FORM');
document.writeln('	    METHOD=post ACTION="/cgi-bin/example.cgi"&gt;<br />');
document.writeln('	    &lt;INPUT type="text" name="name" size="20" maxlength="30"');
document.writeln('	    <b>tabindex="1"</b>&gt;<br />');
document.writeln('	    &lt;INPUT type="text" name="address" size="20" maxlength="30"');
document.writeln('	    <b>tabindex="2"</b>&gt;<br />');
document.writeln('	    &lt;INPUT type="text" name="email" size="20" maxlength="30"');
document.writeln('	    <b>tabindex="3"</b>&gt;<br />');
document.writeln('	    &lt;INPUT type="text" name="url" size="20" maxlength="30"');
document.writeln('	    <b>tabindex="4"</b>&gt;<br />');
document.writeln('	    &lt;INPUT type="Submit" VALUE="Submit"&gt;<br />');
document.writeln('	    &lt;/FORM&gt;</font></td>');
document.writeln('	</tr>');
document.writeln('      </table>');
document.writeln('      <p>');
document.writeln('      <font face="Verdana,Helvetica" size="2">The "tabindex" value determines the');
document.writeln('      order in which you will tab through the text boxes.<br />');
document.writeln('      <br />');
document.writeln('      If you would like the tab order to skip a certain area, such as check boxes');
document.writeln('      and radio buttons, simply use a negative value&nbsp;beginning with "-1" then');
document.writeln('      "-2" and so on. Each negative value will be bypassed when tabbing through');
document.writeln('      your form.<br />');
document.writeln('      <br />');
document.writeln('            Copyright &copy; Shelley Lowery<b><br />');
document.writeln('      <br />');
document.writeln('      About the Author:</b><br />');
document.writeln('      <br />');
document.writeln('      </font>');
document.writeln('      </p><table border="0" cellspacing="0" cellpadding="0" width="100%">');
document.writeln('	<tr>');
document.writeln('	  <td bgcolor="#DDDDDD"><font face="Verdana,Helvetica" size="2">Shelley Lowery');
document.writeln('	      is a successful well-known Internet Marketer and owner of several successful');
document.writeln('	      sites, including');
document.writeln('	      <a href="http://www.web-source.net/?syn" target="blank">www.Web-Source.net</a>.');
document.writeln('	      </font><font color="Blue"><font face="Verdana,Helvetica" size="2"><b><br />');
document.writeln('	      <br />');
document.writeln('	      Would you like to learn how to design a web');
document.writeln('	      site?</b></font></font><font face="Verdana,Helvetica" size="2"><br />');
document.writeln('	      <br />');
document.writeln('	      Learn at your own pace with 100\'s of copy and paste codes, screen shots and');
document.writeln('	      examples. Get your web site up fast with over 100 professionally designed');
document.writeln('	      web site templates. Visit the');
document.writeln('	      <a href="http://www.WebDesignMastery.com" target="blank">Web Design Mastery</a>');
document.writeln('	      site to download your free chapters (77 pages)!</font></td>');
document.writeln('	</tr>');
document.writeln('      </table>');
document.writeln('      <p align=Center>');
document.writeln('      </p><center>');
document.writeln('	<table border="0" cellspacing="6" cellpadding="2" align="Center">');
document.writeln('	  <tr>');
document.writeln('	    <td><p align=Center>');
document.writeln('	      <font face="Verdana,Helvetica"><b><a href="http://www.web-source.net/?syndicator"');
document.writeln('		  target="blank">Content Provided By</a></b></font><b>:</b><br />');
document.writeln('	      <a href="http://www.web-source.net/?syndicator" target="blank"><img src="http://www.web-source.net/graphics/ws_syn.gif"');
document.writeln('		  border="0" width="153" height="72" /></a><br />');
document.writeln('	      </p></td>');
document.writeln('	  </tr>');
document.writeln('	</table>');
document.writeln('      </center>');
document.writeln('</td></tr></table>');
// -->

