٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش صفات فرم HTML

این فصل خصوصیات مختلف <form>عنصر HTML را توصیف می کند. صفت اکشن actionویژگی تعریف عمل به هنگامی که فرم ارسال است انجام شود. معمولاً وقتی کاربر روی دکمه ارسال کلیک می کند ، داده های فرم به پرونده ای در سرور ارسال می…

محمد یوسفی

1 جولای 2021

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


صفت اکشن

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

معمولاً وقتی کاربر روی دکمه ارسال کلیک می کند ، داده های فرم به پرونده ای در سرور ارسال می شود.

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

مثال

هنگام ارسال ، داده های فرم را به “action_page.php” ارسال کنید:

<form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form>

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


صفت هدف

targetمشخص ویژگی که در آن به نمایش پاسخ است که پس از ارسال فرم دریافت کرده است.

این targetویژگی می تواند یکی از مقادیر زیر را داشته باشد:

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

مثال

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

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

ویژگی متد

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

داده های فرم را می توان به عنوان متغیرهای URL (با method="get") یا به عنوان معامله پست HTTP (با 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 محدود است (2048 نویسه)
  • برای ارسال فرم در جایی که کاربر بخواهد نتیجه را علامت گذاری کند مفید است
  • GET برای داده های غیر ایمن مانند رشته های جستجوی Google مناسب است

یادداشت ها در مورد POST:

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

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


ویژگی تکمیل خودکار

autocompleteمشخص ویژگی که آیا یک فرم بصورت اتوماتیک یا نه.

هنگامی که تکمیل خودکار روشن است ، مرورگر به طور خودکار مقادیر را بر اساس مقادیری که کاربر قبلاً وارد کرده است ، تکمیل می کند.

مثال

یک فرم با تکمیل خودکار در:

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

ویژگی Novalidate

novalidateویژگی یک خصوصیت boolean است.

در صورت وجود ، مشخص می کند که داده-فرم (ورودی) نباید هنگام ارسال تأیید شود.

مثال

یک فرم با یک ویژگی غیر معتبر:

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

لیست همه ویژگی های <form>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها