Code:
<style type="text/css">
.tbmain{
/* Changes on the form */
background: url(http://jotform.com/images/styles/style4_2_bg.gif) #363535 top repeat-x !important;
}
.left{
/* Changes on the form */
color: #cccccc !important;
font-family: Verdana !important;
font-size: 12px !important;
}
td.left {
font-family: "Trebuchet MS";
font-size: 12px;
font-weight:normal;
color:#cccccc;
vertical-align: top;
text-align: left;
}
.pagebreak{
font-family: "Trebuchet MS";
font-size: 12px;
font-weight:bold;
color:black;
}
td.right {
font-family: "Trebuchet MS";
font-size: 12px;
font-weight:normal;
color:#cccccc;
vertical-align: top;
text-align: left;
}
.tbmain{
height:100%;
color:#cccccc;
background:url(http://jotform.com/images/styles/style4_2_bg.gif) #363535 top repeat-x;
}
.head{
font-family: "Trebuchet MS";
font-size: large;
font-weight:bold;
color:#ffffff;
vertical-align: top;
text-align: left;
}
.notvalid{
border:2px red solid;
font-family:"Trebuchet MS";
}
.text{
font-family: "Trebuchet MS";
font-size: 12px;
font-weight:normal;
color:#cccccc;
border:1px #000000 solid;
background:url(http://jotform.com/images/styles/style4_txt_bg.gif) #333333 top repeat-x;
}
select.other{
font-family: "Trebuchet MS";
font-size: 12px;
font-weight:normal;
color:#ffffff;
border:1px #000000 solid;
background:url(http://jotform.com/images/styles/style4_txt_bg.gif) #333333 top repeat-x;
}
.btn{
font-family: "Trebuchet MS";
font-size: 12px;
font-weight:normal;
color:#cccccc;
border:1px #000000 solid;
background: url(http://jotform.com/images/styles/style4_btn_bg.gif) #333333 top repeat-x;
}
span.required{
font-size: 13px !important;
color: red !important;
}
div.backButton{
background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
height:16px;
width:53px;
float:left;
margin-bottom:15px;
padding-right:5px;
}
div.backButton:hover{
background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
height:16px;
width:53px;
float: left;
margin-bottom:15px;
padding-right:5px;
}
div.nextButton:hover{
background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
padding-right:5px;
margin-bottom:15px;
float:left;
}
</style>
<table width="100%" cellpadding="2" cellspacing="0" class="tbmain">
<tr><td class="topleft" width="10" height="10"> </td>
<td class="topmid"> </td>
<td class="topright" width="10" height="10"> </td>
</tr>
<tr>
<td class="midleft" width="10"> </td>
<td class="midmid" valign="top">
<div id="main">
<div class="pagebreak">
<table width="520" cellpadding="5" cellspacing="0">
<tr >
<td width="150" class="left" >
<label >Name</label>
</td>
<td class="right" >
<input type="text" size="20" name="q0_Name" class="text" value="" id="q0" maxlength="100" maxsize="100" />
</td>
</tr>
<tr >
<td width="150" class="left" >
<label >E mail</label>
</td>
<td class="right" >
<input type="text" size="20" name="q8_Email" class="text" value="" id="q8" maxlength="100" maxsize="100" />
</td>
</tr>
<tr >
<td width="150" class="left" >
</td>
<td class="right">
<input type="submit" class="btn" value="Submit" />
</td>
</tr>
</table>
</div>
</div>
</form>
</td>
<td class="midright" width="10"> </td>
</tr>
<tr>
<td class="bottomleft" width="10" height="10"> </td>
<td class="bottommid"> </td>
<td class="bottomright" width="10" height="10"> </td>
</tr>
</table>
<script type="text/javascript">
</script>
How can I direct his Name and his email address to my email?
Comment