🎁 تخفیف ویژه تمامی پکیج های آموزشی 🎁

آموزش HTML Form Attributes

در این بخش از آموزش طراحی وب سایت ویژگی های مختلف <HTML <form شرح داده می شود.

آموزش HTML Form Attributes

HTML Form Attributes

در این بخش از آموزش طراحی وب سایت ویژگی های مختلف عنصر <HTML <form شرح داده می شود.

The Action Attribute

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

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

در مثال زیر، داده های فرم به فایلی به نام "action_page.php" ارسال می شود. این فایل حاوی یک اسکریپت سمت سرور (server-side script) است که داده های فرم را مدیریت می کند:

HTML Form Attributes

خروجی قطعه کد بالا به صورت زیر می باشد.

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

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

The Target Attribute

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

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

1- blank_

در این حالت پاسخ در یک پنجره یا تب جدید نمایش داده می شود.

2- self_

در این حالت پاسخ در پنجره فعلی نمایش داده می شود.

3- parent_

در این حالت پاسخ در قاب والد نمایش داده می شود.

4- top_

در این حالت پاسخ در تمام بدنه پنجره نمایش داده می شود.

5- framename

در این حالت پاسخ در یک iframe با نام نمایش داده می شود.

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

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

The Target Attribute in HTML Forms

خروجی قطعه کد بالا به صورت زیر می باشد.

The Target Attribute in HTML Forms

The Method Attribute

ویژگی Method ، متد HTTP را که در هنگام ارسال داده های فرم استفاده می شود تعیین می کند.

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

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

مثال زیر هنگام ارسال داده های فرم از متد GET استفاده می کند:

The Method Attribute in HTML Forms

خروجی قطعه کد بالا به صورت زیر می باشد.

The Method Attribute in web designing

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

POST method in HTML

خروجی قطعه کد بالا به صورت زیر می باشد.

The Method Attribute in HTML Forms

نکات مربوط به GET:

1- داده های فرم را به صورت جفت نام/مقدار به URL اضافه می کند.

2- هرگز از GET برای ارسال داده های حساس استفاده نکنید (داده های فرم ارسال شده در URL قابل مشاهده است).

3- طول یک URL محدود است (2048 کاراکتر).

4- برای ارسال فرم ها که در آن کاربر می خواهد نتیجه را نشانه گذاری کند (bookmark) مفید است.

4- GET برای داده های غیر ایمن، مانند رشته های query در Google، خوب است.

نکات مربوط به POST:

1- متد POST داده های فرم را داخل بدنه HTTP request اضافه می کند (داده های فرم ارسال شده در URL نشان داده نمی شوند).

2- POST هیچ محدودیتی در اندازه ندارد و می توان از آن برای ارسال مقادیر زیادی داده استفاده کرد.

3- فرم های ارسالی با POST را نمی توان نشانه گذاری کرد.

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

The Autocomplete Attribute

ویژگی تکمیل خودکار (autocomplete attribute) مشخص می کند که آیا فرم باید تکمیل خودکار را روشن یا خاموش کند.

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

مثال زیر فرمی با تکمیل خودکار را نشان می دهد:

The Autocomplete Attribute in HTML Forms

خروجی قطعه کد بالا به صورت زیر می باشد.

The Autocomplete Attribute طراحی سایت

The Novalidate Attribute

ویژگی novalidate یک ویژگی بولی است.

در صورت وجود، این ویژگی مشخص می کند که form-data (ورودی) نباید در هنگام ارسال اعتبارسنجی شود.

در مثال زیر فرمی با ویژگی novalidate نشان داده شده است.

The Novalidate Attribute in HTML forms

خروجی قطعه کد بالا به صورت زیر می باشد.

The Novalidate Attribute طراحی سایت

لیست کلی form> Attributes>

1-accept-charset

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

2-action

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

3- autocomplete

مشخص می کند که آیا فرم باید تکمیل خودکار (autocomplete) را روشن یا خاموش کند.

4-enctype

نحوه کدگذاری داده های فرم هنگام ارسال آن به سرور را مشخص می کند (فقط برای وقتی که method="post" است).

5-method

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

6-name

نام فرم را مشخص می کند.

7-novalidate

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

8-rel

رابطه بین یک منبع مرتبط و سند جاری را مشخص می کند.

9- target

محل نمایش پاسخی که پس از ارسال فرم دریافت می شود را مشخص می کند.

HTML Form Attributes HTML Forms آموزش طراحی سایت