فرم در HTML
عنصر یا تگ <form> در HTML
با استفاده از فرم ها می توان اطلاعاتی را از سمت کاربر دریافت کرد.
درون تگ <form> تگ های مربوط به فرم را قرار می دهیم.
<form>
.
form elements
.
</form>
عناصر داخل تگ <form> انواع مختلفی از عناصر ورودی، چک باکس، دکمه های رادیویی، دکمه های ارسال و غیره می باشند.
تگ <input>
تگ <input> مهمترین عنصر فرم است.
عنصر <input> دارای تنوع زیادی است، بسته به نوع نیازمان از انواع مختلف آن استفاده می کنیم.
بعضی از انواع تگ inpute :
توضیحات | type |
تعریف یک کادر ورودی متنی | text |
تعریف یک دکمه رادیویی | radio |
تعریف یک دکمه ی ثبت اطلاعات | submit |
Text Input
<input type = "text"> یک فیلد ورودی برای ورود متن را تعریف می کند:
<form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
اگر توجه کرده باشید با استفاده از attribute به نام type می شود ویژگی تگ input را تغییر داد.
روش های ارسال <form> :
فرم ها بیشتر برای کمک به برنامه های سمت سرور طراحی شده اند. زبان هایی مانند php اطلاعات ورودی کاربران را از فرم دریافت می کنند.
اصولا با دو روش فرم را ارسال می کنیم:
- روش post
- روش get
اگر امنیت برای شما در هنگام ارسال داده ها اهمیت دارد باید از متد post استفاده کنید. اما اگر امنیت اهمیت ندارد باید از متد get استفاده کنید. توجه داشته باشد اگر از متد get استفاده کنید داده های شما در قسمت نوار آدرس مرورگر قابل مشاهده خواهد بود.
روش post:
<form action="page2.php" method="post">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="ثبت">
</form>
روش get:
<form action="page2.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="ثبت">
</form>
بعد از کلیک بر روی دکمه ی ثبت اطلاعات ورودی به سمت سرور ارسال خواهند شد. حال با دریافت اطلاعات از ورودی می توان عملیات مورد نیاز را با اطلاعات انجام داد و آن را در دیتابیس ذخیره کرد.