Table and Form Example : form : Form Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » Form Style » form »

 

Table and Form Example




<HTML>
<HEAD>
<TITLE>Table and Form Example</TITLE>
</HEAD>
<BODY>

<DIV ALIGN="CENTER">

<H2>Contact Form</H2>

<FORM ACTION="mailto: info@company.com" METHOD="POST">
<TABLE BORDER="1">
<TR>
  <TD>First Name:</TD>
  <TD><INPUT NAME="firstname" SIZE="40"></TD>
</TR>
<TR>
  <TD>Last Name: </TD>
  <TD><INPUT NAME="lastname" SIZE="40"></TD>
</TR>
<TR>
  <TD>Company:</TD>
<TD><INPUT NAME="company" SIZE="40"></TD>
</TR>

<TR>
  <TD>Address:</TD><TD><INPUT NAME="address" SIZE="40"></TD>
</TR>

<TR>
  <TD>City: </TD>
  <TD><INPUT NAME="city" SIZE="25"></TD>
</TR>
<TR>
  <TD>State: </TD>
  <TD><INPUT NAME="state" SIZE="15"></TD>
</TR>
<TR>
  <TD>Country: </TD>
  <TD><INPUT NAME="country" SIZE="25"></TD>
</TR>
<TR>
    <TD>Postal Code: </TD>
  <TD><INPUT NAME="zip" SIZE="10"></TD>
</TR>
<TR>
  <TD COLSPAN=2><BR>Enter any comments below:<BR>
  <TEXTAREA NAME="text" ROWS="5" COLS="50"></TEXTAREA></TD>
</TR>
<TR> 
  <TD COLSPAN=2><CENTER><BR>
    <INPUT TYPE="submit" VALUE="Submit">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <INPUT TYPE="reset"><BR><BR></CENTER></TD>
</TR>
</TABLE>
</FORM>

</DIV>

</BODY>
</HTML>   
       



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Form Style
» form