ویژگی‌های فرم HTML

این فصل HTML را معرفی می‌کند <form> ویژگی‌های مختلف عنصر.

ویژگی Action

action ویژگی‌ها تعریف می‌کنند که چه عملی هنگام ارسال فرم انجام شود.

معمولاً، هنگامی که کاربر بر روی دکمه "ثبت" کلیک می‌کند، داده‌های فرم به فایل روی سرور ارسال می‌شود.

در مثال زیر، داده‌های فرم به فایل به نام "action_page.php" ارسال می‌شود. این فایل شامل اسکریپت سرور برای پردازش داده‌های فرم است:

مثال

پس از ارسال، داده‌های فرم به "action_page.php" ارسال می‌شود:

<form action="/action_page.php">
  <label for="fname">نام:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">نام خانوادگی:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

آزمایش کنید

توجه:اگر ویژگی action را حذف کنید، action را به صفحه فعلی تنظیم می‌کند.

ویژگی Target

target ویژگی Target مشخص می‌کند که پاسخ ارسالی فرم در کجا نمایش داده شود.

target این ویژگی می‌تواند یکی از مقادیر زیر را تنظیم کند:

مقدار توضیحات
_blank پاسخ در پنجره جدید یا تب نمایش داده می‌شود.
_self پاسخ در پنجره فعلی نمایش داده می‌شود.
_parent پاسخ در فریم پدر نمایش داده می‌شود.
_top پاسخ در کل بدنه پنجره نمایش داده می‌شود.
framename پاسخ در iframe نام‌گذاری شده نمایش داده می‌شود.

مقدار پیش‌فرض: _self، این بدان معناست که پاسخ در پنجره فعلی باز می‌شود.

مثال

در اینجا، نتایج ارسال شده در یک برچسب جدید مرورگر باز می‌شود:

<form action="/action_page.php" target="_blank">

آزمایش کنید

ویژگی Method

ویژگی method مشخص می‌کند که کدام روش HTTP باید برای ارسال داده‌های فرم استفاده شود.

داده‌های فرم می‌تواند به عنوان متغیرهای URL (استفاده از method="get") یا به عنوان معامله HTTP post (استفاده از method="post") ارسال شود.

روش HTTP پیش‌فرض در ارسال داده‌های فرم GET است.

مثال

در این مثال از روش GET برای ارسال داده‌های فرم استفاده می‌شود:

<form action="/action_page.php" method="get">

آزمایش کنید

مثال

در این مثال از روش POST برای ارسال داده‌های فرم استفاده می‌شود:

<form action="/action_page.php" method="post">

آزمایش کنید

نکات در مورد GET:

  • داده‌های فرم را به صورت نام/مقدار به URL اضافه کنید
  • هرگز از GET برای ارسال داده‌های حساس استفاده نکنید! (داده‌های ارسالی فرم در URL قابل مشاهده هستند!)
  • طول URL محدود است (۲۰۴۸ کاراکتر)
  • برای فرم‌هایی که کاربر می‌خواهد نتایج را به عنوان بوک‌مارک اضافه کند، بسیار مفید است
  • GET برای داده‌های غیر امن مناسب است، مانند جستجوهای Google

نکات در مورد POST:

  • داده‌های فرم را به متن درخواست HTTP اضافه کنید (داده‌های ارسالی فرم در URL نمایش داده نمی‌شوند)
  • POST بدون محدودیت اندازه است و می‌تواند برای ارسال مقدار زیادی داده استفاده شود.
  • فرم‌های ارسالی با POST نمی‌توانند بوک‌مارک شوند

توجه:اگر داده‌های فرم شامل اطلاعات حساس یا شخصی است، لطفاً از POST استفاده کنید!

ویژگی خودکار‌سازی

autocomplete این ویژگی مشخص می‌کند که فرم باید قابلیت خودکار‌سازی را باز کند یا خیر.

پس از فعال‌سازی قابلیت خودکار‌سازی، مرورگر بر اساس مقادیر قبلی وارد شده توسط کاربر مقادیر را به صورت خودکار وارد می‌کند.

مثال

فعال‌سازی فرم‌های خودکار‌سازی:

<form action="/action_page.php" autocomplete="on">

آزمایش کنید

خصوصیات Novalidate

novalidate خصوصیات یک خصوصیات بولان است.

اگر تنظیم شده باشد، تعیین می‌کند که در زمان ارسال، داده‌های فرم نباید بررسی شوند.

مثال

فرمی که خصوصیات novalidate تنظیم نشده است:

<form action="/action_page.php" novalidate>

آزمایش کنید

لیست تمام خصوصیات <form>

خصوصیات توضیحات
accept-charset تعیین کدگذاری برای ارسال فرم.
action تعیین می‌کند که داده‌های فرم باید به کجا ارسال شوند.
autocomplete تعیین می‌کند که آیا باید قابلیت خودکاملی (تمام‌کنی) برای فرم فعال شود یا خیر.
enctype تعیین می‌کند که چگونه داده‌های فرم باید کدگذاری شوند (فقط برای method="post").
method تعیین روش HTTP برای ارسال داده‌های فرم.
name تعیین نام فرم.
novalidate تعیین می‌کند که در زمان ارسال، فرم نباید بررسی شود.
rel تعیین می‌کند که رویدادها و منابع لینک و مستندات فعلی چه ارتباطی دارند.
target تعیین می‌کند که پس از ارسال فرم، پاسخ دریافت شده در کجا نمایش داده شود.