Contact form help!

ecntrc · 01-20-2007

this is my code for my contact form..

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-image: url(images/index_13.gif);
}
-->
</style>

<style type="text/css">
body {
	background-color: transparent;
	font: 12px Georgia;
	color: #663300;
}

#title {
	width: 300px;
	height: 26px;
	color: #663300;
	font: bold 12px Georgia;
	padding-top: 2px;
	background: transparent;
	letter-spacing: 2px;
	text-align: center;
}

form {
	width: 250px;
}

.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: transparent;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: transparent;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: transparent;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: transparent;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 20px;
	width: 335px;
	padding-top: 2px;
	clear: both;
} 

.input {
	background-color: transparent;
	font: 12px Georgia;
	color: #663300;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #663300;
}

.textarea {
	border: 1px solid #663300;
	background-color: transparent;
	font: 12px Georgia;
	color: #663300;
	margin: 4px 0 5px 8px;
}

</style>

</head>

<body STYLE="background-color:transparent">
<table width="426" height="191" border="0" cellpadding="0">
  <tr>
    <td width="422"><img src="contactBUTTON.gif" width="147" height="20"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="19">Please email me for anything you need or if your interested in my web design services. </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Email: <a href="mailto:ecntrc@ecntrcbeauty.org">ecntrc@ecntrcbeauty.org</a></td>
  </tr>
  <tr>
    <td>Also for faster contacting, please feel free to contact me using the contact box below. </td>
  </tr>
  <tr>
    <td><form action="#" method="post">
<div id="title"></div>
<div class="row">
  <label class="col1">Name:&nbsp;&nbsp;</label>
<span class="col2"><input name="name" class="input" type="text" id="name" size="20" tabindex="1"  /></span></div>
<div class="row"><label class="col1">e-mail:&nbsp;&nbsp;</label>
<span class="col2"><input name="email" class="input" type="text" id="email" size="20" tabindex="2" /></span>
</div>
<div class="row"><label class="col1">Website:&nbsp;&nbsp;</label>
<span class="col2"><input name="website" class="input" type="text" id="website" value="http://" size="20" tabindex="3" /></span>
</div>
<div class="row"><label class="col1comment">Comment:&nbsp;&nbsp;</label>
<span class="col2comment"><textarea cols="50" class="textarea" rows="4" name="comment" id="comment" tabindex="4" ></textarea>
</span>
</div>
<div align="center" class="submit"><input type="image" src="submitBUTTON.gif" alt="send" width="52" height="19" border="0" />
</div>
</form></td>
  </tr>
</table>
</body>
</html>




</head>

<body>

dont i have to use a send command so when a viewer goes to contact me itll go to my email. i know this i simple. do I need to do a PHP or can it be a simple HTML? please help! i know my domain suports PHP.

agentxi · 01-21-2007

i JUST used this...
kirupa.com - PHP Contact Form

I didn't do the WHOLE tutorial because it uses some other form options, like dropdown menu's, etc...

but I did the first part until I got as far as i needed.

I hope this helps...

ecntrc · 01-24-2007

thanks.. i just did it to the mailer.php thats really helpful thank you so much. did you apply any css do yours? just curious because im going to attempt to add some to mine.. thanks again

agentxi · 01-25-2007

yeah I totally changed the look of everything through the sexiness of css

you can add properties to input and textarea

change the submit button, etc...

here's a tutorial
Applying CSS to forms