ویژگی‌های فرم 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 تعیین می‌کند که پس از ارسال فرم، پاسخ دریافت شده کجا نمایش داده شود.