mercredi 25 mars 2015

Email process.php form [duplicate]


This question already has an answer here:




I was hoping if someone can help me to process this form and email to info@inraleigh.com upon submit.


I have no clue with the process php. How should i do this?


Also I would like to show numbers when the "bedrooms"/"bathrooms" 0-10 range bars move. What should i do?


Thanks!





.form{
max-width: 67%;
min-width: 45%;
border-width: 4px;
border-color: #CCCCCC;
border-radius: 63px;
border-style: double;
color: #222222;
font-size: 17px;
margin: 0px;
background-color: #FFFFFF;
padding: 41px;
}
.content{
margin: 0px;
}
.form label{
color: #222222;
font-size: 19px;
display: block;
}
.form input[type=radio], input[type=checkbox]{
margin: 10px;
width: 13px;
}
.form div{
display: block;
}
.form input, form textarea, form select{
border-width: 1px;
border-style: solid;
border-color: #666666;
border-radius: 4px;
padding: 5px;
width: 100%;
}
.form h1{
font-size: 40px;
color: #607A75;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-bottom-width: 4px;
border-radius: 0px;
background-color: #FFFFFF;
}
.intro{
margin-bottom: 11px;
}
.clear{
clear: both;
}
.form textarea{
height: 10px;
width: 100%;
}
.form input[type=submit]{
width: 44%;
background-color: #CCCCCC;
color: #222222;
}
.field{
margin-bottom: 0px;
}



<form id="form" class="form" name="form" method="post" target="formfill" enctype="application/x-www-form-urlencoded" accept-charset="UTF-8">
<h1>Book Now</h1>
<div class="content">
<div class="intro"></div>
<div id="section0" class="sortable">
<div class="field"><label for="Name">Name</label><input type="text" id="Name" name="Name" placeholder="name" required></div>
<div class="field"><label for="Address">Address/Street</label><input type="text" id="Address" name="Address" placeholder="address" required></div>
<div class="field"><label for="zip">City/Zip</label><input type="text" id="zip" name="zip" placeholder="zip" required></div>
</div>
<h2 class="section">Tell us about your place</h2>
<div id="section1" class="sortable">
<div class="field"><label for="Bedrooms">Bedrooms</label><input type="range" id="Bedrooms" name="Bedrooms" maxlength="10" size="10" value="1" placeholder="bedrooms" min="0" max="10" required autofocus></div>
<div class="field"><label for="bathrooms">Bathrooms</label><input type="range" id="bathrooms" name="bathrooms" maxlength="10" size="10" value="2" placeholder="bathrooms" min="0" max="10"></div>
</div>
<h2 class="section">Square Footage</h2>
<div id="section2" class="sortable">
<div class="field"><label for="squareft">Select</label><select id="squareft" name="squareft" required><option value>1000-2000sqft</option><option value>2000-3000sqft</option><option value>3000-4000sqft</option><option value>4000-5000sqft</option><option value>5000 and above</option></select></div>
</div>
<h2 class="section">Soil Level</h2>
<div id="section3" class="sortable">
<div class="field"><label for="Select">Select</label><select id="Select" name="Select" required><option value>Light</option><option value>Medium</option><option value>Heavy</option></select></div>
</div>
<h2 class="section">Date and Time Preference</h2>
<div id="section4" class="sortable">
<div class="field"><label for="Date">Date</label><input type="date" id="Date" name="Date" required></div>
<div class="field"><label for="Time">Time</label><select id="Time" name="Time" required><option value>Morning 8am - 12pm</option><option value>Afternoon 12pm - 3pm</option></select></div>
</div>
<h2 class="section">Contact Information</h2>
<div id="section5" class="sortable">
<div class="field"><label for="Phone">Phone/Mobile</label><input type="tel" id="Phone" name="Phone" placeholder="number" required></div>
<div class="field"><label for="Email">Email</label><input type="email" id="Email" name="Email" placeholder="e-mail"></div>
<div class="field"><input type="submit" id="submit" name="submit" required></div>
</div>
</div>
</form>



Aucun commentaire:

Enregistrer un commentaire