کد کرنر
تبلیغات
آموزش ساخت فرم تماس با ما در php

برای این که فرم تماس با ما بسازید ابتدا باید قالبتون رو آماده کنید و سپس به با استفاده از پی اچ پی نتایج رو به دیتابیس پست کنید

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

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

 

<style>
    * {
        margin: auto;
        direction: rtl;
    }
    .box {
        background-color: #f2f2f2;
        color: #444;
        padding: 5px;
        border: 1px solid #eee;
        border-radius: 4px;
        font-size: 14px;
        width: 470px;
        font-family: 'Segoe UI', 'sans-serif';
    }
    textarea {
        height: 150px;
    }
    p {
        width: 60px;
        color: #444;
        font-size: 14px;
        font-family: 'Segoe UI', 'sans-serif';
    }
    button {
        border: 1px solid #ddd;
        width: 60px;
        color: #444;
        height: 30px;
        font-size: 14px;
        font-family: 'Segoe UI', 'sans-serif';
    }
    button:hover{
        cursor: pointer;
    }
    h1 {
        padding: 5px;
        margin: auto;
        color: #f2f2f2;
        font-size: 20px;
        font-family: 'Segoe UI', 'sans-serif';
    }
    table{
        width: 100%;
        padding: 5px;
        border: 1px solid #eee;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    form{
        margin-top: 20px;
        width: 560px;
    }
    .header{
        background-color: #3f51b5;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }
</style>

 

بعدش باید با این استایلی که نوشتیم فرممون رو بسازیم:

 

<form action="/send-form.php" method="post">
    <div class="header">
        <h1 align="center">تماس با ما</h1>
    </div>
    <table>
        <tr>
            <td>
                <p></p>
            </td>
            <td>
                <?php
                if(isset($_SESSION['sent']) && $_SESSION['sent'] == 1)
                echo '<p style="width: 200px;">فرم ارسال شد</p>';
                elseif(isset($_SESSION['sent']) && $_SESSION['sent'] == 2)
                echo '<p style="width: 200px;">خطا در ارسال</p>';
                ?>
            </td>
        </tr>
        <tr>
            <td>
                <p>نام: </p>
            </td>
            <td>
                <input autofocus required type="text" name="user" class="box" placeholder="" value="">
            </td>
        </tr>
        <tr>
            <td>
                <p>ایمیل: </p>
            </td>
            <td>
                <input type="text" required name="email" class="box" placeholder="" value="">
            </td>
        </tr>
        <tr>
            <td>
                <p>عنوان: </p>
            </td>
            <td>
                <input type="text" required name="title" class="box" placeholder="" value="">
            </td>
        </tr>
        <tr>
            <td>
                <p>متن: </p>
            </td>
            <td>
                <textarea name="text" required class="box" placeholder=""></textarea>
            </td>
        </tr>
        <tr>
            <td>
                <p></p>
            </td>
            <td>
                <button type="submit">ارسال</button>
            </td>
        </tr>
    </table>
</form>

 

فرمی که میسازیم باید چیزی مثل این شده باشه:

فرم تماس با ما

حالا باید براساس این فرمی که ساختیم جدول ارتباط با ما رو توی دیتابیس بسازیم.

مطابق شکل زیر این کار رو انجام بدید.فرم تماس با ما

 

در آخر هم باید یه پیج جدید با نام send-form.php بسازید تا عملیات ارسال رو توی اون انجام بدین

کدهای زیر رو توی اون استفاده کنید:

session_start();
$host = 'localhost';
$user = 'root';
$pass = '';
$db = 'codecorner';
mysql_connect($host, $user, $pass)or die(mysql_error());
mysql_select_db($db);
$name = $_POST['user'];
$email = $_POST['email'];
$title = $_POST['title'];
$text = $_POST['text'];
$sql = 'insert into contact (user, email, title, text) values ("'.$name.'", "'.$email.'", "'.$title.'", "'.$text.'");';
$query = mysql_query($sql);
if($query){
    $_SESSION['sent'] = 1;
    header('location: /contact.php');
}else{
    $_SESSION['sent'] = 2;
    header('location: /contact.php');
}

برچسب ها: آموزش ساخت فرم تماس با ما, php contact us, php form, forms

دسته بندی : نمونه کد پی اچ پی

تاریخ : ۹۵/۰۶/۰۸

دیدگاه‌ها


برای ثبت دیدگاه باید وارد شوید.