سلام به همه
من یه فرم رو نمیدونم از کدوم سایت یا کدوم یکی از دوستان گرفتم
الان خود فرم رو مشکلی باهاش ندارم
زیاد هم سرم نمیشه ! یعنی میدونین چیه ؟ تو هر مطلبی یه جوری توضیح داده بودکه گیجم میکنه .
من جسارتا! کد فرم اصلی رو میزارم هرکدوم از دوستان که میتونه منو کمک کنه . میخوام وقتی ارسال رو میزنم بره مثلاً به ایمیل rayasabt@yahoo.com
خیلی ممنونم از لطف همتون
<!doctype html>
<html lang="en">
<head>
<title>فرم سفارش خدمات</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<!-- Load the jQuery library and the full jQuery Tools library -->
<!-- http://flowplayer.org/tools/download/index.html -->
<script src="http://cdn.jquerytools.org/1.2.4/full/jquery.tools.min.js"></script>
<!-- Add the dateinput and validator tools to the form (except for iOS devices) -->
<script>
$( function() {
if( !navigator.userAgent.match( /(iPhone|iPod|iPad)/i ) ) {
$("#expiryDate").dateinput( { format: 'yyyy-mm' } );
$("#orderForm").validator();
}
} );
</script>
<!-- For styling the dateinput field and calendar -->
<link rel="stylesheet" type="text/css" href="http://flowplayer.org/tools/demos/dateinput/css/skin1.css" />
<style>
/* Add some margin to the page and set a default font */
body {
margin: 30px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Style the form with a coloured background (and a gradient for Gecko/WebKit browsers), along with curved corners and a drop shadow */
form {
width: 35em;
margin: 0 auto;
padding: 50px 60px;
overflow: auto;
color: #3e4a49;
background-color: #f5eedb;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#f5eedb), color-stop(1, #faf8f1) );
background: -moz-linear-gradient( center bottom, #f5eedb 0%, #faf8f1 100% );
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}
/* Give form elements consistent margin, padding and line height */
form ul {
list-style: none;
margin: 0;
padding: 0;
}
form ul li {
margin: .9em 0 0 0;
padding: 0;
}
form * {
line-height: 1em;
}
/* Form heading */
form h1 {
margin: 0 0 1.5em 0;
padding: 0;
text-align: center;
}
/* Give each fieldset a darker background, dark curved border and plenty of space */
fieldset {
padding: 0 20px 20px;
margin: 0 0 30px;
border: 2px solid #593131;
background: #eae1c0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* Give each fieldset legend a nice curvy green box with white text */
legend {
color: #fff;
background: #8fb98b;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-align: center;
padding: 5px;
margin: 0;
width: 9em;
border: 2px solid #593131;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/* The field labels */
label {
display: block;
float: left;
clear: left;
text-align: right;
width: 40%;
padding: .4em 0 0 0;
margin: .15em .5em 0 0;
}
/* Style the fields */
input, select, textarea {
display: block;
margin: 0;
padding: .4em;
width: 50%;
}
input, textarea, .date {
border: 2px solid #eae1c0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
-moz-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
-webkit-box-shadow: rgba(0,0,0,.5) 1px 1px 1px 1px inset;
background: #fff;
}
input {
font-size: .9em;
}
select {
padding: 0;
margin-bottom: 2.5em;
position: relative;
top: .7em;
}
textarea {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
height: 5em;
}
/* Place a border around focused fields, and hide the inner shadow */
form *:focus {
border: 2px solid #593131;
outline: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
font-family: "0 Arabic Style", "0 Aria", "0 Arshia", "0 Aseman", "0 Aseman Italic", "0 Badr", "0 Badr Bold", "0 Baran", "0 Baran Italic";
}
/* Display correctly filled-in fields with a green background */
input:valid, textarea:valid {
background: #efe;
}
/* Submit button */
input[type="submit"] {
margin: 50px auto 0 auto;
width: 12em;
padding: 10px;
border: 2px solid #593131;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
color: #fff;
background: #593131;
font-size: 1.2em;
font-weight: bold;
-webkit-appearance: none;
}
input[type="submit"]:hover, input[type="submit"]:active {
cursor: pointer;
background: #fff;
color: #593131;
}
input[type="submit"]:active {
background: #eee;
box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}
/* Header/footer boxes */
.wideBox {
clear: both;
text-align: center;
margin: 70px;
padding: 10px;
background: #ebedf2;
border: 1px solid #333;
line-height: 80%;
}
.wideBox h1 {
font-weight: bold;
margin: 20px;
color: #666;
font-size: 1.5cm;
font-family: "0 Arabic Style", "0 Aria", "0 Arshia", "0 Aseman", "0 Aseman Italic", "0 Badr", "0 Badr Bold", "0 Baran", "0 Baran Italic";
}
/* Validator error boxes */
.error {
background-color: #fffe36;
border: 1px solid #e1e16d;
font-size: .8em;
color: #000;
padding: .3em;
margin-left: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}
</style>
<!--[if IE]>
<style>
/* Work around IE fieldset background bleed bug */
fieldset {
background: transparent;
}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
/* Work around broken IE7 box model */
form ul li {
margin: 0;
}
label {
padding-top: 1.3em;
}
</style>
<![endif]-->
</head>
<body>
<div class="wideBox">
<h1>تماس با ما</h1>
</div>
<form id="orderForm" action="" method="get">
<h1>فرم سفارش خدمات</h1>
<fieldset>
<legend>مشخصات کلی</legend>
<ul>
<li>
<label for="emailAddress">آدرس ایمیل</label>
<input type="email" name="emailAddress" id="emailAddress" placeholder="مثال:raya.sabt@yahoo.com" required autofocus maxlength="50" />
</li>
<li>
<label for="website">آدرس سایت</label>
<input type="url" name="website" id="website" placeholder="http://www.rayasabt.ir/" required maxlength="100" />
</li>
<li>
<label for="numLicenses">کد تخفیف</label>
<input type="url" name="website2" id="website2" placeholder="لطفاً کد تخفیف خود را وارد نمایید/" required maxlength="100" />
</li>
</ul>
</fieldset>
<fieldset>
<legend>مشخصات سفارش دهنده</legend>
<ul>
<li>
<label for="billingName">نام و نام خانوادگی </label>
<input type="text" name="billingName" id="billingName" placeholder="نام و نام خانوادگی خود را قید فرمایید" required maxlength="50" />
</li>
<li>
<label for="billingAddress">آدرس پستی</label>
<textarea name="billingAddress" id="billingAddress" placeholder="لطفاً آدرس دقیق خود را درج نمایید" required maxlength="150"></textarea>
</li>
<li></li>
<li>
<label for="billingCountry">شهر</label>
<select name="billingCountry" id="billingCountry"><option>تهران</option><option>اصفهان</option><option>شیراز</option><option>تبریز</option><option>قم</option></select>
</li>
<li>
<label for="phone">تلفن</label>
<input type="tel" name="phone" id="phone" placeholder="مثال:22896166" maxlength="20" />
</li>
</ul>
</fieldset>
<fieldset>
<legend>گزینه های قرارداد</legend>
<ul>
<li>
<label for="cardNumber">شرح کلی سفارش</label>
<input type="text" name="orders" id="orders" placeholder="کلیه خدمات مورد نیاز خود را در این قسمت درج فرمایید" required maxlength="5000" pattern="[\d\ ]{12,}" />
</li>
<li>
<label for="cvvCode">مبلغ واریزی</label>
<input type="text" name="cardNumber2" id="cardNumber2" placeholder="مبلغ واریز شده را در این قسمت وارد نمایید" required maxlength="5000" pattern="[\d\ ]{12,}" />
</li>
<li>
<label for="expiryDate">نام مشاور</label>
<select name="billingCountry2" id="billingCountry2">
<option>خانم پارسا</option>
<option>خانم خوانساری</option>
<option>خانم تهرانی</option>
<option>خانم سامان</option>
<option>خانم مقدم</option>
</select>
</li>
</ul>
</fieldset>
<input type="submit" name="placeOrder" value="ارسال سفارش" />
</form>
</body>
</html>