HTML Form Attributes

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

🔹 1. action

آدرس مقصدی که داده‌های فرم به اون ارسال می‌شن.

<form action="/submit.php"> <input type="text" name="username"> <input type="submit" value="ارسال"> </form>

🔹 2. method

روش ارسال داده‌ها به سرور.

  • GET → داده‌ها در آدرس (URL) نمایش داده می‌شن. (برای جستجو، درخواست ساده)

  • POST → داده‌ها درون بدنه درخواست ارسال می‌شن. (برای اطلاعات محرمانه، ثبت‌نام، ورود)

<form action="/submit.php" method="post"> <input type="text" name="username"> <input type="submit" value="ارسال"> </form>

🔹 3. target

مشخص می‌کنه نتیجه ارسال فرم در کجا باز بشه.

  • _self → همان پنجره (پیش‌فرض)

  • _blank → پنجره یا تب جدید

  • _parent → فریم والد

  • _top → کل صفحه

<form action="/submit.php" target="_blank"> <input type="submit" value="ارسال در تب جدید"> </form>

🔹 4. autocomplete

تعیین می‌کنه مرورگر فیلدها رو به‌صورت خودکار پر کنه یا نه.

  • on → فعال (پیش‌فرض)

  • off → غیرفعال

<form action="/submit.php" autocomplete="off"> <input type="text" name="username"> <input type="submit" value="ارسال"> </form>

🔹 5. novalidate

وقتی روی فرم قرار بگیره، اعتبارسنجی HTML (مثل required یا type) رو غیرفعال می‌کنه.

<form action="/submit.php" novalidate> ایمیل: <input type="email" name="email"> <input type="submit" value="ارسال بدون اعتبارسنجی"> </form>

🔹 6. enctype

نوع کدی‌گذاری داده‌های ارسالی به سرور رو مشخص می‌کنه.

  • application/x-www-form-urlencoded → پیش‌فرض

  • multipart/form-data → برای آپلود فایل

  • text/plain → متن ساده

<form action="/upload.php" method="post" enctype="multipart/form-data"> <input type="file" name="file"> <input type="submit" value="آپلود"> </form>

📋 جدول خلاصه

ویژگیتوضیح
actionآدرس مقصد داده‌ها
methodروش ارسال (GET یا POST)
targetمحل نمایش نتیجه (self, blank, parent, top)
autocompleteتکمیل خودکار (on/off)
novalidateغیرفعال کردن اعتبارسنجی فرم
enctypeنحوه کدگذاری داده‌های فرم