PDA

View Full Version : آموزش: کمک در ساخت فرم



handballchat
شنبه 09 آذر 1392, 18:33 عصر
سلام خدمت دوستان عزیز
من مدتی است که php , HTML یاد گرفتم وبرای مسجد محلّمون یک سامانه پاسخگویی به سولات شرعی درست کرده ام که سوالات را از طریق فرم HTML گرفته و به ایمیل ملای محلمون میفرسته اما از اونجایی که من زیاد با جاوا و PHP آشنایی ندارم میخواستم بدونم چه جوری بررسی پر بودن فیلدها و یا کپچا رو به فرمم اضافه کنم مقاله زیاد خوندم ولی هیچ کدوم گویا نیست اگه کامل بتونید زود تر راهنماییم کنید ممنون می شم:لبخند::لبخند:
اینم کد فرم HTML:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
@font-face {
font-family: 'BKoodakBold';
src: url('http://fontonline.ir/fonts/BKoodakBold.eot?#') format('eot'),
url('http://fontonline.ir/fonts/BKoodakBold.ttf') format('truetype'),
url('http://fontonline.ir/fonts/BKoodakBold.woff') format('woff');
}
input{
border:solid 1px;
border-right:solid 4px #3366FF;
}
.reset{
color: rgb(230, 230, 230);
font-size: 20px;
padding: 9px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: rgb(0, 156, 0);
background: -moz-linear-gradient(92deg, rgb(0, 156, 0) 7%, rgb(0, 235, 0) 100%);
background: -webkit-linear-gradient(92deg, rgb(0, 156, 0) 7%, rgb(0, 235, 0) 100%);
background: -o-linear-gradient(92deg, rgb(0, 156, 0) 7%, rgb(0, 235, 0) 100%);
background: -ms-linear-gradient(92deg, rgb(0, 156, 0) 7%, rgb(0, 235, 0) 100%);
background: linear-gradient(2deg, rgb(0, 156, 0) 7%, rgb(0, 235, 0) 100%);
-webkit-box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.75);
}
.dokme{
color: rgb(230, 230, 230);
font-size: 20px;
padding: 9px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: rgb(0, 129, 255);
background: -moz-linear-gradient(92deg, rgb(0, 129, 255) 7%, rgb(0, 124, 255) 100%);
background: -webkit-linear-gradient(92deg, rgb(0, 129, 255) 7%, rgb(0, 124, 255) 100%);
background: -o-linear-gradient(92deg, rgb(0, 129, 255) 7%, rgb(0, 124, 255) 100%);
background: -ms-linear-gradient(92deg, rgb(0, 129, 255) 7%, rgb(0, 124, 255) 100%);
background: linear-gradient(2deg, rgb(0, 129, 255) 7%, rgb(0, 124, 255) 100%);
-webkit-box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.75);
box-shadow: 0px 5px 3px rgba(50, 50, 50, 0.75);
}
*{
font-family:BKoodakBold,'BKoodakBold',tahoma;
}

html,body{
padding:0px;
margin:0xp;
background:url(http://handball.vatan-host.ir/soal%20musque/2E8693B0AF83_99.png) repeat;
direction:rtl;
}
h3{
font-size:20px;
color:#000;
margin-right:30px;
}
h2{
font-size:46px;
color:#fff;
margin-right:30px;
text-shadow:2px 2px #000;
transition:all linear 0.5s;
}
h2:hover{
text-shadow: 0px 1px 25px rgba(150, 150, 150, 1)
}
h1{
font-size:12px;
}
h4{
font-size:12px;
color:#C00;
}
#header{
width:100%;
height:200px;
margin-top:20px;
line-height:5px;
color:#fff;
padding-top:30px;
text-align:center;

}
#form{
margin:0 auto;
width:600px;
background:#fff;
border:dashed 1px #000;
border-radius:15px;
padding:10px;
}
</style>
</head>

<body>
<div id="header"><h2>مسجد امام الهادی</h2><h3>مرکز پاسخ گویی به سوالات شرعی </h3></div>
<div id="form">
<form method="post" action="http://handball.vatan-host.ir/soal%20musque/send.php">
<h1>نام و نام خوانوادگی:</h1>
<input type="text" name="name" size="20" maxlength="20">
<h1>سن:</h1>
<input type="text" name="age" size="2" maxlength="2">
<h1>مرجع تقلید:</h1>
<input type="text" name="marja" size="20">
<h1>ایمیل شما:</h1>
<input type="email" name="email">
<h1>متن سوال:</h1>
<textarea cols="75" rows="10" name="matn"></textarea>

<h4>نوشتن سن و نام مرجع تقیلید به سبب سهولت در پاسخ گویی به سوالات شما برادران و خواهران است</h4>
<h4>نوشت شماره تماس یا ایمیل الزامی می باشد.</h4>
<input type="reset" value="پاک کردن اطلاعات" class="reset">
<input type="submit" value="ارسال سوال" class="dokme">
</div>
<br>

</form>

</body>
</html>