File Upload with Contact Form (Using Yahoo Hosting)

I don’t know where to begin to try and figure this out. I’ve created a working contact form that starts with this code:

[CODE]<form method=post action=”http://us.1.p8.webhosting.yahoo.com/forms?login=facemelter410&[email protected]&confirm=confirmation.html&error=error.html”>[/CODE]

I’m using the above code instead of php. It works properly, and I’m getting the form to send me email.
Now, I need to include a file upload option. And I want the file to be sent along with the rest of the information in the contact form. Is this possible?

I haven’t really started messing around too much, but here are some dilemmas that I know I’ll be facing.

I did manage to find a css/html combo online with an upload option that lets me send file along with contact form, but I’m not receiving the file, just the name of the file.

[url]http://cssdeck.com/labs/custom-css-file-upload-form-control[/url]

If someone could point me in some right direction, it would be great. Right now, I’m lost as to where to start. Thanks in advance!

Here is my code:

HTML:

[code=html]
<div id=”rcontain”>

<br>

<p>Free Quote Request Form:</p>

<form method=post action=”http://us.1.p8.webhosting.yahoo.com/forms?login=facemelter410&[email protected]&confirm=confirmation.html&error=error.html”>
<div>

<table width=”450px” cellspacing=”10″>

<tr>
<td valign=”top”>
<label for=”full_name”></label>
</td>
<td valign=”top”>
<input type=”text” class=”defaultText” title=” Full Name*” name=”full_name” maxlength=”50″ size=”30″>
</td>

<td valign=”top” rowspan=”5″>
<label for=”comments”></label>
</td>
<td>
<td valign=”top” rowspan=”5″>
<textarea class=”defaultText” title=”How can we help you?*” name=”comments” maxlength=”1000″ cols=”25″ rows=”6″></textarea>
</td>
</tr>
<tr>
<td valign=”top””>
<label for=”company”></label>
</td>
<td valign=”top”>
<input type=”text” class=”defaultText” title=” Company” name=”company” maxlength=”50″ size=”30″>
</td>
</tr>

<tr>
<td valign=”top”>
<label for=”email”></label>
</td>
<td valign=”top”>
<input type=”text” class=”defaultText” title=” Email*” name=”email” maxlength=”80″ size=”30″>
</td>
</tr>

<tr>
<td valign=”top”>
<label for=”phone”></label>
</td>
<td valign=”top”>
<input type=”text” class=”defaultText” title=” Phone*” name=”phone” maxlength=”30″ size=”30″>
</td>
</tr>

<tr>
<td valign=”top”>
<label for=”file”></label>
</td>
<td valign=”top”>

</td>
</tr>

<tr>
<td valign=”top”>
<label for”submit”></label>
</td>
<td valign=”top”>
<input type=”submit” class=”button”>
</td>
</tr>

</td>
</tr>

</table>

</div>
</form>

</div>
[/code]

[B]The CSS:[/B]

[CODE]form {

margin:auto;
position:relative;
width:495px;
height:200px;
font-family: Calibri, Geneva, sans-serif;
font-size: 26px;
font-style: none;
line-height: 24px;
font-weight: none;
color: #6b7075;
text-decoration: none;

}

input {
width:375px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.button {
width:80px;
position:relative;
left:355px;
bottom:0px;
background:white url(images/send.png) no-repeat ;
display:block;
text-indent:-999px;
}

.button:hover {
background:white url(images/send_hover.png) no-repeat ;
}

textarea {
font-family: Calibri, Geneva, sans-serif;
width:200px;
height:175px;
display:block;
border: 1px solid #999;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

textarea.message {
display:block;
}

textarea:focus, input:focus {
border: 1px solid #09C;

}

textarea:hover, input:hover {
background-color: #F5F6CE;
border: 1px solid #FF8000;
}

.defaultText { width: 200px;}
.defaultTextActive { color: #a1a1a1; font-style: bold; }

input.defaultText {height:20px;}-

[/CODE]

Also in #HTML _↴