فرم ها جلسه 7

توسط روزبه طراحی سایت با php بدون ديدگاه

از انجایی که با نرم افزار php storm کار میکنیم شما با زدن !+tab به راحتی کدهای html بای ما میاره

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

دقت کنید form action در کد زیر ادرس اطلاعاتی هست که قرار ارسال بشه که من این جا فرستادمش process.php یعنی همین فایلی رو ساختم زمانی که کار بر روی دکمه send کلیک کرد اطلاعاتی که درون این فرم هست ارسال میشه حالا چه اطلاعاتی ارسال میشود مثلا در این فرم ثبت نام با مقدار btn و نام با مقدار name ارسال میشود .

method=get چیست ؟ ببنید وقتی ما در کد زیر از متد گت برای فرستادن اطلاعات استفاده میکنیم یعنی به صورت کوری استرینگ ارسال میشود یعنی در ادرس بار به این شکل در میاد

https://www.alloweb.ir/process.php/?name=value$username=value1 حالا به جای value مقداری که در فرم ثبت نام نوشتیم پر میشود مثلا

https://www.alloweb.ir/process.php/?name=ali$username=reza

همیشه method=get گت ارسال میشود مگر اینکه خودتون تغییرش بدید . حالا اگر به صورت post ارسال شد تحت فرم https و امن ارسال میشود مانند کد پایین

<form action=”process.php” method=”post”> حالا اطلاعات به صورت امن و تحت https ارسال میشود و در ادرس وب url وب سایتقابل نمایش نمیباشد این حالت برای ارسال پسورد ها استفاده میشود پس هر جا که امنیت وب سایت برای ما مهم است از متد post استفاده میشود

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>form</title>
    <link rel="stylesheet" href="css12.css"> // این هم اتصال صفحه html به css میباشد شما کافی ادرس درست بزنید
</head>
<body>
<!-- <form action="process.php" method="get"><!--  نکته اتصال قرم . متود گت یعنی داده ها به صورت کواری استرینگ ارسال میشود که تو ادرس بار میبینیش  -->
<form action="process.php" method="post"><!--  حالا اطلاعات به صورت امن و تحت header .http ارسال میشود  -->
    <div class="mainform">
        <div class="lable1">پسورد
            <div/>
            <div class="fomellement1">
                <input type="password" name="pas"></div>
            <div class="lable"> نام</div>
            <div class="fomellement">
                <input type="text" name="user">
                <div/>
                <div>
                    <input type="submit" name="btn" value="ثبت نام" class="btn">
                </div>
            </div>
</form>


</body>
</html>

حالا تو یک پوشه دیگه فایلهای css مینویسم . البته هر جور دوست داشتید میتونید css بنویسید بستگی به سلیقه و حوصله شما هم داره

.mainform{
    width: 650px;
    margin: auto;
    margin-top: 150px;
    font-size: 20px;
    padding: 10px;
    background-color: bisque;

}
.fomellement1 input[type=password]{
    width: 280px;
    margin: 0 10px ;
    border:  3px solid blue;
    line-height: 50px;
    background-color: chocolate;
}
.lable1{
    width: 1px;
    min-height: 50px;
    line-height: 50px;
    float: right;
    margin-right: 300px;
}

.lable{
    width: 1px;
    min-height: 50px;
    line-height: 50px;
    float: left;
    margin-right: 300px;
}

.fomellement{
   width: 300px;
    min-height: 50px;
    line-height: 50px;
}

.fomellement input[type=text]{
    width: 280px;
    margin: 0 10px ;
    border:  3px solid blue;
    line-height: 50px;
    background-color: chocolate;
}
.btn{
    margin:auto;
    display: block;
    padding: 3px 3px;
}
.btn:hover{
    background: bisque;
}

صفحه prosecc.php

//super global variable متغییر های بین الملی برای که سه تا هستن برای ارسال اطلاعات

$_POST پست بستگی به اتصال فرم دارد که بالا توضیح دادم
$_GET ارسال اطلاعات به صورت معلوم که بالا توضیح دادم
$_REQUEST این حالت از هر دوحات بالا پشتیبانی میکنه

دقت کنید در کد زیر $username=$_POST[‘user’]; باید اسم user با اسم name در فرم html باید یکی باشد.

<?php
//super global variable 
//$_POST 
//$_GET
//$_REQUEST 
//var_dump($_POST);
//var_dump($_REQUEST); الان به شما سه ارایه میدهد که در فرم بالا پر کردیم
$username=$_POST['user'];//متغییری تعریف کردیم و مقدار پوست داخلش میریزیم و اندیس یوزرو بگیر . یوزر یه اسم همون نام که تعریف کردی
$pasword=$_POST['pas'];
echo" <span style='color: red'>welcam</span>".$username.$pasword;

خوب تا جلسه بعدی

فرم ها جلسه 7