Html Code: Contact us Form

(Just Copy and Paste in HTML Page) 

<html>

<head>

<style type="text/css">

.style1 {

text-align: center;

}

.style2 {

font-size: 40pt;

color: #0000FF;

font-family: "Times New Roman", Times, serif;

}

.style3 {

font-size: medium;

color: #0000FF;

font-family: "Times New Roman", Times, serif;

}

.style5 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

border-top-style: solid;

border-top-width: 0px;

background-color: #CCFFFF;

}

.style6 {

text-align: center;

border-left-style: solid;

border-left-width: 0px;

border-right-style: solid;

border-right-width: 0px;

border-top-style: solid;

border-top-width: 0px;

background-color: #CCCCFF;

}

.style8 {

border: 3px dashed #0000CC;

}

.style9 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

background-color: #CCFFFF;

}

.style11 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

border-bottom-style: solid;

border-bottom-width: 0px;

}

.style12 {

font-family: "Times New Roman", Times, serif;

padding-left: 10px;

background-color: #CCFFFF;

}

.style13 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

background-color: #D5F1FF;

}

.style15 {

font-family: "Times New Roman", Times, serif;

border-right-style: solid;

border-right-width: 0px;

border-bottom-style: solid;

border-bottom-width: 0px;

background-color: #D5F1FF;

}

.style17 {

font-family: "Times New Roman", Times, serif;

padding-left: 10px;

background-color: #D5F1FF;

}

.style18 {

font-family: "Times New Roman", Times, serif;

border-left-style: solid;

border-left-width: 0px;

padding-left: 10px;

background-color: #CCFFFF;

text-align: center;

}

.style19 {

font-size: xx-small;

}

</style>

</head>

<body>

<form method="post" action="">

<table align="center" class="style8" style="width: 551">

<tr>

<td class="style6" colspan="2" style="height: 136px"><span class="style2">

<strong class="style11">Contact us</strong></span><br class="style3">

<span class="style3">Tell us what is in your mind</span></td>

</tr>

<tr>

<td class="style12" style="width: 268px; height: 40;"><strong>Your Name:</strong></td>

<td class="style5" style="width: 421px; height: 40;"><span dir="ltr">

<input name="name_msg" size="33" id="fa" dir="ltr" tabindex="1" maxlength="30"   lang="fa" style="float: left; width: 204px; height: 25px;" value="" onclick="this.value=''"><div class="style1">

</div>

</span> </td>

</tr>

<tr>

<td class="style17" style="width: 268px; height: 40;"><strong>Your Email:</strong></td>

<td class="style13" style="width: 421px; height: 40;"><span dir="ltr">

<input name="email_msg" size="33" dir="ltr" tabindex="3" maxlength="30" id="fa1" style="float: left; width:204px; height: 25px;" value="" onclick="this.value=''"></span></td>

</tr>

<tr>

<td class="style12" style="width: 268px; height: 40;"><strong>Your website:</strong></td>

<td class="style9" style="width: 421px; height: 40;"><span dir="ltr">

<input name="url_msg" size="21" dir="ltr" tabindex="2" maxlength="30" id="fa0" style="float: left; width: 204px; height: 25px;" value="" onclick="this.value=''"></span></td>

</tr>

<tr>

<td class="style17" style="width: 268px; height: 123px;"><strong>Comment:</strong></td>

<td class="style15" style="width: 421px; height: 123;"><span dir="ltr">

<textarea rows="6" name="msg_body" dir="ltr" id="fa2" tabindex="4" lang="fa" onclick="this.value=''" style="width: 400px"></textarea></span></td>

</tr>

<tr>

<td class="style18" style="height: 78px;" colspan="2">

<span dir="ltr">

<input type="submit" value="Submit" name="submit_msg" tabindex="5" id="fa3" style="float:center; width: 114px; height: 35px;" ><br></span>

</font>

</td>

</tr>

</table>

</form>

</body>

</html>

Preview of above code


Contact us
Tell us what is in your mind
Your Name:
Your Email:
Your website:
Comment: