Jim Jim
Well-Known Member
دوستان این یه نمونه فرم "تماس با ما" ست که با css کار شده و خیلی سبک و مناسبه
اما برای اینکه وقتی دکمه ارسال رو می زنیم محتویات به ایمیل ارسال بشه چه قسمتی رو باید تغییر داد؟
سطر اول و دوم رو ببینید، آیا چیزی باید اضافه بشه؟ اگر ممکنه نمونه بذارید
لطفا توضیح بفرمائید
اما برای اینکه وقتی دکمه ارسال رو می زنیم محتویات به ایمیل ارسال بشه چه قسمتی رو باید تغییر داد؟
سطر اول و دوم رو ببینید، آیا چیزی باید اضافه بشه؟ اگر ممکنه نمونه بذارید
لطفا توضیح بفرمائید
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>فرم تماس</title>
<style type="text/css">
body {
background: #fff;
margin: 0 auto;
padding: 0;
}
.contact {
width: 400px;
direction: rtl;
text-align: right;
font: normal 11px Tahoma, Geneva, sans-serif;
}
.contact h2 {
font: bold 11px tahoma;
padding: 8px 2px;
border-bottom: 1px solid #CCC;
}
.contact label {
width: 120px;
float: right;
margin: 5px 0 0 0;
}
.contact .form, .contact .form-ltr {
width: 200px;
float: right;
padding: 2px;
font: normal 11px Tahoma, Geneva, sans-serif;
margin: 5px 0;
}
.contact .form-ltr {
direction: ltr;
text-align: left;
}
.contact .text {
width: 250px;
height: 100px;
overflow: auto;
font: normal 11px/1.4 Tahoma, Geneva, sans-serif;
}
.contact .btn {
font: normal 11px Tahoma, Geneva, sans-serif;
margin: 5px 0;
}
</style>
</head>
<body>
<div align="center">
<div class="contact">
<h2>پیام خود را ارسال نمایید</h2>
<form method="post" action="">
<label for="name"> نام شما : </label>
<input type="text" value="" class="form" />
<br />
<label for="Email"> پست الکترونیکی : </label>
<input type="text" class="form-ltr" value="" />
<br />
<label for="subject"> موضوع : </label>
<input type="text" value="" class="form" />
<br />
<label for="text"> متن پیام : </label>
<textarea class="text"></textarea>
<br />
<label> </label>
<input type="submit" value="ارسال" name="submit" class="btn" />
<input type="reset" value="دوباره" name="reset" class="btn" />
</form>
</div><!--Contact-->
</div><!--Center-->
</body>
</html>
آخرین ویرایش: