خصوصیت های فرم ها در HTML

در این بخش، به توضیح خصوصیت های(attributes) مختلف که در عنصر <form> مورد استفاده قرار می گیرند، می پردازیم.

با استفاده از خصوصیت action، می توانیم آدرسی که اطلاعات فرم باید به آن ارسال(submit) شوند را تعریف کنیم. معمولاً، داده های فرم، وقتی که کاربر بر روی دکمه ی ارسال(submit) کلیک می کند، به یک فایل در سرور ارسال می شوند. در مثال زیر، داده ها به یک فایل به نام action_page.php ارسال می شوند. این فایل، حاوی یک اسکریپت در سمت سرور(server-side) است که آن داده ها را مورد استفاده قرار می دهد.

<form action="/action_page.php">
  <label for="fname">نام:</label><br>
  <input type="text" id="fname" name="fname" value="احسان"><br>
  <label for="lname">نام خانوادگی:</label><br>
  <input type="text" id="lname" name="lname" value="عباسی"><br><br>
  <input type="submit" value="ارسال">
</form> 

 نکته: اگر خصوصیت action از قلم انداخته شود، صفحه ی جاری، بعنوان مقدار این خصوصیت تنظیم می شود.

 خصوصیت target در فرم های HTML

خصوصیت target مشخص می کند که پاسخی که پس از ارسال(submit) داده های فرم دریافت شده است را در کجا نمایش دهد. خصوصیت target می تواند یکی از مقادیر زیر باشد:

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

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

خصوصیت method در فرم ها

خصوصیت method، یک متد یا روش HTTP را برای ارسال(submit) داده های فرم مشخص می کند. داده های فرم می توانند به صورت متغیرهای URL یعنی متد get(با استفاده از method="get") ارسال شوند؛ یا می توانند به صورت متد post (با استفاده از method="post") ارسال شوند. متد پیش فرضِ HTTP به هنگام ارسال داده ها، متد get است.

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

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

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

1. متد GET داده های فرم را به صورت جفت های نام/مقدار(name/value) در URL اضافه می کند.

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

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

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

5. متد GET برای داده هایی که امنیتی نیستند، مانند کوئری های رشته ای در گوگل خوب هست.

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

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

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

3. ارسال ها با متد POST را نمی توانیم بوک مارک(bookmark) کنیم.

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

خصوصیت Autocomplete

خصوصیت autocomplete مشخص می کند که آیا ویژگی تکمیل اتوماتیک(autocomplete) باید برای یک فرم روشن(on) باشد یا خاموش(off). وقتی که خصوصیت autocomplete روشن(on) باشد، مرورگر به طور اتوماتیک، مقادیر را بسته به مقادیری که کاربر از قبل وارد می کند، تکمیل می کند.

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

خصوصیت Novalidate در فرم های HTML

خصوصیت novalidate به صورت بولین(boolean) هست. وقتی که این خصوصیت موجود باشد، مشخص می کند داده های فرم(ورودی یا input) نباید به هنگام ارسال(submit) اعتبارسنجی(validated) شوند.

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

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