آموزش ساخت فرم تماس با ما

سلام دوستان
این آموزش رو قبلا تو وبهاستینگ تالک قرار داده بودم اما از آنجایی که میخوام همه آموزش هامو یه جا جمع کنم اینجا هم قرار میدم
خیلی از دوستان میخوان یه فرم بسازن مشکل دارن
خیلی ها که بهم مراجعه میکنن فرم رو ساختن فقط قسمت ارسال مشکل دارن
با یه توضیح کوچیک آموزش ساخت فرم رو یادتون میدم
امیدوارم به دردتون بخوره
——————————-
فرض بر این است که در یک صفحه که خودتان طراحی کردید میخواهید فرمی قرار دهید و یا فرم را طراحی کردید و با بخش ارسال مشکل دارید
فقط قبل هرچیزی بگم این آموزش به زبان PHP هست پس حتما فرمت صفحاتتون رو از HTM یا HTML به PHP تغییر بدید (بنا به تجربه دیدم همه HTML بهم میدن)
خوب برای شروع ساخت فرم باید فرم رو تعریف کنیم
به این شکل تعریف خواهیم کرد

<form id="order_form" method="post" action="?send"> ایمیل : <input type="text" name="mailmail"/> <br/> نام و نام خانوادگی (اختیاری) : <input type="text" name="data[نام و نام خانوادگی]"/> <br/> شماره تماس (اختیاری) : <input type="text" name="data[شماره تماس]"/> <input type="submit" value="ارسال"/> </form>

خوب تا اینجا فرم رو ساختیم
لازمه بگم که من اینجا هیچ استایلی به این اینپوت ها ندادن . شما میتونید هرگونه استایل که بخواهید بهش بدید . با نرم افزارهای فرونت پیج یا درم ویوور راحت میشه این کارو کرده
نکته مهم : من به همه مواردی که ساختم نیم رو برابر دیتا و در [متن] قرار دادم
نیم مشخص کننده نام و کارایی اینپود در دریافت ایمیل شماست . مثلا شما یک مورد دیگه با نام تست میخواهید اضافه کنید به اینگونه عمل میکنید

<input type="text" name="data[تست]"/> 

امیدوارم متوجه شده باشید
خوب حالا میخواهیم دستور پی اچ پی بدیم جهت ارسال این فرم ها
برای راحتی کار دقیقا دستورات زیر رو بعد ار فرم بالا بعد از تگ </form> بدید

<?php if(isset($_GET[send])){     extract($_POST);     $to = "YouEmail";     $subject = "Mozo";     $from = "Ersal Az taraf";     //begin of HTML message     $message = ' <html> <body>     <table width="600" align="center" class="tbl" >     ' ; foreach ($data as $key=>$val)    {          $message .= '             <tr>             <td style="font-family:tahoma;width:200px">'.$key.'</td>             <td style="font-family:tahoma;font-weight:bold">'.$val.'</td>         </tr> ';     }     $message .= '         <tr> <td style="font-family:tahoma;color:green">طراحی فرم توسط : <a href="mailto:vahab00@yahoo.com"> وهاب سید چورته </a></td>         </tr>     </table>   </body> </html> ' ;    //end of message     $headers  = "From: $from\r\n";     $headers .= 'Content-type: text/html; charset="utf-8"\r\n';          // now lets send the email.     if(mail($to, $subject, $message, $headers)){     ?>      <SCRIPT language="JavaScript">  <!-- function getgoing() { top.location="success.htm"; } if (top.frames.length==0) { setTimeout('getgoing()',1); } //-->  </SCRIPT>           <?php          } else {     ?>      <SCRIPT language="JavaScript">  <!-- function getgoing() { top.location="eror.htm"; } if (top.frames.length==0) { setTimeout('getgoing()',1); } //-->  </SCRIPT>           <?php                    } }     ?>

خوب تو کدهای بالا سه تگ خیلی مهم هستش
کد تو که رو به روش نوشتم : YouEmail
به جای یو ایمیل ایمیلی که میخواهید اطلاعات فرم ارسال شه بنویسید
به جا Mozo موضوع فرم خودتون رو بنویسید . مثلا تماس با ما
و به جا Ersal Az taraf میتونید هر اسم یا ایمیلی بزارید . این به این معنی هست که وقتی دریافت کردید تو قسمت ارسال کننده ایمیل اینو مینویسه

و اما ی موضوع خیلی مهم دیگه
من اومدم تعریف کردم اگه فرم ارسال شد فرم به صفحه success.htm انتقال پیدا کنه و اگه ارسال نشد به صفحه eror.htm انتقال پیاده کنه
شما میتونید به جا این ها پیغام خودتونو نمایش بدید کد جاوا رو پاک کنید و متن خودتونو بزارید
اگه میخواهید ریداکت شه باید صفحات ارور و ساسس رو درست کنید و کنار فرمتون قرار بدید

————
خوب امیدوارم خوب توضیح داده باشم و کمکتون کرده باشم
اگه جایی مشکلی داشتید بپرسید

اگه جایی مشکل  داشتید بپرسید تا کمکتون کنم

نظر هم فراموش نشه ها !

 

ممکن هست به کارتون بیاد

درباره نویسنده : وهاب سید چورته

تیم وهاب آنلاین با تغییراتی که داشته سعی دارد تمام بخش های وبسایت را به صورت کاملا منسجم کنار هم نگه دارد و از سردرگمی کاربران عزیز جلوگیری نماید . ما در وبلاگ وهاب آنلاین سعی میکنیم جدیدترین مقالات و آموزش های مرتبط با وبسایت را جمع آوری و تقدیم شما عزیزان نماییم . لطفا با نظرات گرمتان حامی ما باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *