عبدالقوى
02-03-2012, 02:16 PM
لو سمحتم اخوانى ازاى اربط هذا الكود ب اميل لما حد يضغط ارسال توصل لى البيانات الى الاميل او صفحتى على الفيس
ولما البيانات تترسل يظهر رسالة للشخص ان البيانات اترسلت
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.facebook.com/agadirpyabdo">
<html xmlns="https://www.facebook.com/agadirpyabdo">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Form - 2</title>
<style type="text/css">
body {
margin: 0;
direction: rtl;
background: #333333 url(background.jpg) repeat-x top;
}
#box {
margin: 50px auto;
width: 500px;
background-color: #F7F7F7;
border: 1px solid #000000;
}
fieldset {
margin: 0;
padding: 0;
border: none;
position: relative;
}
legend {
padding: 5px 5px 15px;
color: #990000;
font: bold 22px Arial, Helvetica, sans-serif;
}
label {
padding: 11px 5px 5px;
width: 30%;
float: right;
}
em {
position: absolute;
left: 340px;
color: #FF0000;
}
input.text {
padding: 5px;
width: 45%;
border: 1px solid #E5E5E5;
color: #626262;
}
input {
margin: 5px 0;
}
textarea {
width: 45%;
padding: 5px;
border: 1px solid #E5E5E5;
}
ol ,ol li {
margin: 0;
padding: 0;
}
ol li {
padding: 3px;
list-style: none;
vertical-align: middle;
}
textarea , input.text , label {
font: bold 15px Arial, Helvetica, sans-serif;
}
.color {
background-color: #FBFBFB;
}
</style>
</head>
<body>
<div id="box">
<form method="post" action="#">
<fieldset>
<legend>link - dsl نموذج اشتراك فى خدمة</legend>
<ol>
<li>
<label>الاسم باالكامل <em>*</em></label>
<input id="username" class="text" name="username" type="text" />
</li>
<li>
<label>العنوان باالكامل <em>*</em></label>
<input id="email" class="text" name="email" type="text" />
</li>
<li>
<label>رقم التليفون المراد تركيب الخدمة علية <em>*</em></label>
<input id="country" class="text" class="country" name="country" type="text" />
</li>
<li class="color">
<label>السرعه المطلوبة <em>*</em></label>
<select name="options" style="margin: 7px 0;">
<option value="option-1">mb 512</option>
<option value="option-2">mb 1</option>
<option value="option-3">mb 2</option>
<option value="option-4">mb 4</option>
<option value="option-5">mb 8</option>
</select>
</li>
<li>
<label><span style="display: none;">إرسال البيانات</span></label>
<input id="submit" type="submit" name="submit" value="إرسال" />
</li>
</ol>
</fieldset>
</form>
</div>
</body>
</html>
واكون مشكور جدا اخوانى لاءنى تعبت فى إحدار هذا الكود
ولما البيانات تترسل يظهر رسالة للشخص ان البيانات اترسلت
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.facebook.com/agadirpyabdo">
<html xmlns="https://www.facebook.com/agadirpyabdo">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Form - 2</title>
<style type="text/css">
body {
margin: 0;
direction: rtl;
background: #333333 url(background.jpg) repeat-x top;
}
#box {
margin: 50px auto;
width: 500px;
background-color: #F7F7F7;
border: 1px solid #000000;
}
fieldset {
margin: 0;
padding: 0;
border: none;
position: relative;
}
legend {
padding: 5px 5px 15px;
color: #990000;
font: bold 22px Arial, Helvetica, sans-serif;
}
label {
padding: 11px 5px 5px;
width: 30%;
float: right;
}
em {
position: absolute;
left: 340px;
color: #FF0000;
}
input.text {
padding: 5px;
width: 45%;
border: 1px solid #E5E5E5;
color: #626262;
}
input {
margin: 5px 0;
}
textarea {
width: 45%;
padding: 5px;
border: 1px solid #E5E5E5;
}
ol ,ol li {
margin: 0;
padding: 0;
}
ol li {
padding: 3px;
list-style: none;
vertical-align: middle;
}
textarea , input.text , label {
font: bold 15px Arial, Helvetica, sans-serif;
}
.color {
background-color: #FBFBFB;
}
</style>
</head>
<body>
<div id="box">
<form method="post" action="#">
<fieldset>
<legend>link - dsl نموذج اشتراك فى خدمة</legend>
<ol>
<li>
<label>الاسم باالكامل <em>*</em></label>
<input id="username" class="text" name="username" type="text" />
</li>
<li>
<label>العنوان باالكامل <em>*</em></label>
<input id="email" class="text" name="email" type="text" />
</li>
<li>
<label>رقم التليفون المراد تركيب الخدمة علية <em>*</em></label>
<input id="country" class="text" class="country" name="country" type="text" />
</li>
<li class="color">
<label>السرعه المطلوبة <em>*</em></label>
<select name="options" style="margin: 7px 0;">
<option value="option-1">mb 512</option>
<option value="option-2">mb 1</option>
<option value="option-3">mb 2</option>
<option value="option-4">mb 4</option>
<option value="option-5">mb 8</option>
</select>
</li>
<li>
<label><span style="display: none;">إرسال البيانات</span></label>
<input id="submit" type="submit" name="submit" value="إرسال" />
</li>
</ol>
</fieldset>
</form>
</div>
</body>
</html>
واكون مشكور جدا اخوانى لاءنى تعبت فى إحدار هذا الكود