Saturday, 18 August 2012

CREATE A DUMMY CONTACT FORM

Hi Friends ...
Welcome Back
Here is the code for Creating a Dummy form.
After learning this article successfully i will show you the live Table with the database connectivity.

Here is the code for Contact Form.

Copy and paste the code on Notepad.
Having Problem with any content mail me on shankarjhajee@gmail.com


<html>
<head>
<title>MY FIRST CONTACT FORM</title>
<style type="text/css">
<!--
.style1 {color: #990000}
.style2 {
color: #990000;
font-weight: bold;
}
-->
</style>
</head>

<body>
<div align="center">
  <table width="425" border="1" cellpadding="0" cellspacing="0" bordercolor="#990000">
    <tr>
      <td colspan="2" bgcolor="#CCCCCC"><div align="center" class="style2"><u>CONTACT FORM </u></div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Name</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Email</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield2" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Contact Address </div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield3" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Mobile Number </div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield4" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">State</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield5" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Country</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield6" />    
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#CCCCCC"><div align="right" class="style1">Remarks</div></td>
      <td bgcolor="#999999">        <div align="left">
        <input type="text" name="textfield7" />    
      </div></td>
    </tr>
    <tr>
      <td colspan="2" bgcolor="#666666"><div align="center">
        <input type="submit" name="Submit" value="Submit" />
      </div></td>
    </tr>
  </table>
</div>
</body>
</html>

  • Save as "contactform.html" on your Desktop.
  • Open it  & You will view the Contact Form Like this
MY FIRST WEB PAGE
CONTACT FORM
Name
Email
Contact Address
Mobile Number
State
Country
Remarks

Have Fun.
See You soon with the new article.

No comments:

Post a Comment