We help IT Professionals succeed at work.
Get Started

Dreamweaver Form Submission

1,330 Views
Last Modified: 2012-05-06
Hi,
I have a site set up in Dreamweaver and I would like to setup a form that submits information to an email address. The site is HTML and I have the form set up but need the code to direct the information to the email. I use 1and1 as a host.
The page and form is at:http://www.kamrowcontractors.com/estimate.html
  I need to form to go to (email removed by Moderator)

Let me know if you need anything else .
Thanks for your help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/kamrowHomeNoTab.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Kamrow Contractors Estimate Form</title>
<!-- InstanceEndEditable -->
<link href="kam2colliqtemp.css" rel="stylesheet" type="text/css" /><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<style type="text/css">
<!--
.boldsubheadskam {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#topnavkam {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 40px;
	background-color: #999;
}
#apDiv1 {
	position:absolute;
	width:279px;
	height:115px;
	z-index:1;
	left: 734px;
	top: 16px;
}
#apDiv2 {
	position:absolute;
	width:352px;
	height:133px;
	z-index:1;
	left: 723px;
	top: 11px;
}
.twoColLiqLtHdr #container #header #phone number h5 strong {
	color: #9C0500;
}
.twoColLiqLtHdr #container #header #phone number h5 {
	color: #9C0500;
}
.twoColLiqLtHdr #container #header #phone number #interior title h5 {
	color: #000;
}
.twoColLiqLtHdr #container #header #phone number #interior title h5 {
	color: #000;
}
.twoColLiqLtHdr #container #sidebar1 .boldsubheadskam .interiortitle a #estimate21 {
	color: #9C0500;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" -->
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
</head>
 
<body class="twoColLiqLtHdr" onload="MM_preloadImages('Kamrowimages501/buttons/contactdown.jpg','Kamrowimages501/buttons/showdown.jpg','Kamrowimages501/buttons/servicesdown.jpg','Kamrowimages501/buttons/guardown.jpg','Kamrowimages501/buttons/paintbrushbutton2.jpg','Kamrowimages501/buttons/homedown.jpg','Kamrowimages501/buttons/aboutdown.jpg','Kamrowimages501/buttons/mba_member_logoa.jpg','Kamrowimages501/buttons/paradelogoc.jpg')">
<div align="right"></div>
<div id="container">
  <div id="header">
    <h1 align="right"><a href="http://www.mbaonline.org/default.htm" target="_blank" onmouseover="MM_swapImage('MBA Logo','','Kamrowimages501/buttons/mba_member_logoa.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="Kamrowimages501/buttons/mba_member_logo.jpg" alt="Kamrow Contractors is a member of the Metropolitan BUilders Association or Greater Milwaukee" name="MBA Logo" width="89" height="117" hspace="20" vspace="10" border="0" align="middle" id="MBA Logo" /></a></h1>
  </div>
  <div align="center">
    <table border="0" align="center" cellpadding="0" cellspacing="0" class="clearfloat">
      <tr>
        <td><a href="index.html" target="_top" onClick="MM_nbGroup('down','group1','home','',1)" onMouseOver="MM_nbGroup('over','home','Kamrowimages501/buttons/homedown.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="home" src="Kamrowimages501/buttons/homeup.jpg" border="0" alt="Kamrow Contractors interior and exterior painting home page" onLoad="" /></a></td>
        <td><a href="contact.html" target="_top" onclick="MM_nbGroup('down','group1','contactup','',1)" onmouseover="MM_nbGroup('over','contactup','Kamrowimages501/buttons/contactdown.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Kamrowimages501/buttons/contactup.jpg" alt="Kamrow Contractors Interior and Exterior Painting Services in Sussex, Waukesha and Milwaukee" name="contactup" width="164" height="40" border="0" id="contactup" onload="" /></a></td>
        <td><a href="showroom.html" target="_top" onclick="MM_nbGroup('down','group1','showup','',1)" onmouseover="MM_nbGroup('over','showup','Kamrowimages501/buttons/showdown.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Kamrowimages501/buttons/showup.jpg" alt="Kamrow Contractors Interior and Exterior Painting Services in Sussex, Waukesha and Milwaukee" name="showup" width="163" height="40" border="0" id="showup" onload="" /></a></td>
        <td><a href="about.html" target="_top" onClick="MM_nbGroup('down','group1','about','',1)" onMouseOver="MM_nbGroup('over','about','Kamrowimages501/buttons/aboutdown.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="about" src="Kamrowimages501/buttons/aboutup.jpg" border="0" alt="About Kamrow Contractors interior and exterior painting" onLoad="" /></a></td>
        <td><a href="services.html" target="_top" onclick="MM_nbGroup('down','group1','servicesup','',1)" onmouseover="MM_nbGroup('over','servicesup','Kamrowimages501/buttons/servicesdown.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Kamrowimages501/buttons/servicesup.jpg" alt="Kamrow Contractors Interior and Exterior Painting Services in Sussex, Waukesha and Milwaukee" name="servicesup" width="163" height="40" border="0" id="servicesup" onload="" /></a></td>
        <td><a href="guarantee.html" target="_top" onclick="MM_nbGroup('down','group1','guarup','',1)" onmouseover="MM_nbGroup('over','guarup','Kamrowimages501/buttons/guardown.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="Kamrowimages501/buttons/guarup.jpg" alt="Kamrow Contractors Interior and Exterior Painting Services in Sussex, Waukesha and Milwaukee" name="guarup" width="165" height="40" border="0" id="guarup" onload="" /></a></td>
      </tr>
    </table>
  </div>
  <div id="sidebar1"> 
    <div align="center" class="boldsubheadskam">
      <h4><span class="interiortitle"><strong>Need an Estimate?<br />
        Click here to get<br />
        your project started</strong></span><strong><br />
      </strong><span class="body"><strong class="interiortitle"><a href="estimate.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('estimate21','','Kamrowimages501/buttons/paintbrushbutton2.jpg',1)"><img src="Kamrowimages501/buttons/paintbrushbutton.jpg" alt="Kamrow Contractors Interior and Exterior Painting Services in Sussex, Waukesha and Milwaukee" name="estimate21" width="179" height="76" vspace="10" border="0" align="middle" id="estimate21" /></a></strong></span></h4>
      <h4><strong class="interiortitle">or call Kamrow<br />
        Contractors at:<br />
        <em>262-893-8796</em>.</strong> </h4>
      <p><a href="http://www.mbaonline.org/events/parade/paradeCurrent/paradeCurrent_home.htm" target="_blank" onmouseover="MM_swapImage('Parade of Homes Logo','','Kamrowimages501/buttons/paradelogoc.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="Kamrowimages501/buttons/paradelogob.jpg" alt="Kamrow Contractors has 5 years in the Parade of Homes of Greater Milwaukee" name="Parade of Homes Logo" width="125" height="166" border="0" id="Parade of Homes Logo" /></a><br />
      </p>
</div>
    <h2 align="center">
  <!-- end #sidebar1 --></h2></div>
  <!-- InstanceBeginEditable name="EditRegion3" -->
  <div id="mainContent">
    <h3>ESTIMATE INFORMATION<br />
    </h3>
    <FORM METHOD=POST ENCTYPE="text/plain" 
    ACTION="mailto:sranderson@wi.rr.com">
<form id="form1" name="form1" method="post" action="">
  <p align="left">
    <input type="text" name="Name" id="Name"tabindex="1" />
    <label for="Name2">Name</label>
  </p>
  <p align="left"> 
    <input name="Company Name" type="text" id="Company Name"tabindex="2" />
    Company Name</p>
</form>
    <form id="form2" name="form2" method="post" action="">
      <p align="left">
        <input type="text" name="Address" id="Address" tabindex="3" />
        <label for="Address">Address</label>	
      </p>
      <p align="left">
        <input type="text" name="City" id="City" tabindex="4" />
        <label for="City">City</label>
      </p>
      <p align="left">
        <input type="text" name="State" id="State" tabindex="5" />
      State</p>
      <p align="left">
  <input type="text" name="Zip Code" id="Zip Code" tabindex="6" />
        <label for="Zip Code">Zip Code</label>
      </p>
      <p align="left">
        <input type="text" name="Phone Number" id="Phone Number" tabindex="7" />
        <label for="Phone Number">Phone Number</label>
      </p>
      <p align="left">
        <input type="text" name="email" id="email" tabindex="8" />
        <label for="email">email</label>
      </p>
      <p align="left">
        <select name="Project Style" id="Project Style" tabindex="9">
          <option value="1">Interior Painting House - existing</option>
          <option value="2">Interior Painting House - new construction</option>
          <option value="3">Exterior Painting House - existing</option>
          <option value="4">Exterior Painting - new construction</option>
          <option value="5">Interior Painting Business - existing</option>
          <option value="6">Interior Painting Business - new construction</option>
          <option value="7">Exterior Painting Business - existing</option>
          <option value="8">Exterior Painting Business - new construction</option>
          <option value="9">Enameled Columns</option>
          <option value="10">Epoxy Garage Floors</option>
          <option value="11">Wood Finishing/Staining</option>
        </select>
        <label for="Project Style">What type of  project?</label>
      </p>
      <p align="left">
        <textarea name="Project Description" id="Project Description" cols="45" rows="5" tabindex="12"></textarea>
        Project Description
        <label for="Project Description"><br />
        </label>
      </p>
      <p align="left">
        <select name="Start Date" id="Start Date" tabindex="11">
          <option value="1">Immediately</option>
          <option value="2">1 month</option>
          <option value="3">3 months</option>
          <option value="4">6 months</option>
          <option value="5">1 year</option>
        </select>
        <label for="Start Date">Start Date</label>
      </p>
      <p align="left">
        <input type="text" name="How did you hear about Kamrow Contractors?" id="How did you hear about Kamrow Contractors?" tabindex="13" />
        <label for="How did you hear about Kamrow Contractors?">How did you hear about Kamrow Contractors?</label>
      </p>
      <p align="left">&nbsp;</p>
      <p align="center">
        <input type="submit" name="Submit" id="Submit" value="Submit" tabindex="16" />
        <label for="Submit">Submit to Kamrow Contractors</label>
      </p>
      <p align="center">&nbsp;</p>
      <div align="center"><p align="left">        <span id="sprytextfield1"><span class="textfieldRequiredMsg">A value is required.</span></span></p>
<p align="left">&nbsp;</p>
<div align="left"><div align="center"><p>&nbsp; </p>
      <p>&nbsp;</p>
    </div><</FORM>
    <div align="center"><div align="left"><div align="center"><h3><br />
    </h3>
<h1>&nbsp;</h1>
 
   <!-- end #mainContent -->
  </div></div></div></div>
  <div align="center"><script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
//-->
  </script>
  </div><!-- InstanceEndEditable -->
  <div align="center"><div align="left"><div align="center"><!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
  <br class="clearfloat" />
  <div id="footer">
    <p>©2009 Kamrow Contractors, LLC.</p>
    <!-- end #footer -->
  </div>
<!-- end #container --></div></div></div></div>
</body>
<!-- InstanceEnd --></html>

Open in new window

Comment
Watch Question
retired
Commented:
This problem has been solved!
Unlock 1 Answer and 8 Comments.
See Answer
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE