ویژگی های form در HTML

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

فرم‌ها در HTML یکی از قدرتمندترین ابزارها برای تعامل با کاربران هستند. این عناصر به شما امکان می‌دهند داده‌ها را از کاربران دریافت کرده و برای پردازش به سرور ارسال کنید. در این مقاله به بررسی مهم‌ترین ویژگی‌های فرم در HTML می‌پردازیم.


ویژگی‌های اصلی تگ <form>

  • action: آدرس URL که داده‌های فرم به آن ارسال می‌شود
  • method: تعیین می‌کند داده‌ها با چه روشی (GET یا POST) ارسال شوند
  • enctype: نوع رمزگذاری داده‌ها هنگام ارسال (مخصوصاً برای آپلود فایل)
  • autocomplete: فعال یا غیرفعال کردن تکمیل خودکار فرم
  • novalidate: غیرفعال کردن اعتبارسنجی پیش‌فرض فرم
ویژگی توضیح
target تعیین می‌کند پاسخ سرور در کدام پنجره/فریم نمایش داده شود
name نام فرم برای ارجاع در اسکریپت‌ها

انواع کنترل‌های فرم

HTML کنترل‌های مختلفی برای دریافت ورودی از کاربر ارائه می‌دهد:

  1. فیلدهای متنی (text, password, email)
  2. دکمه‌های رادیویی و چک‌باکس
  3. لیست‌های کشویی (select)
  4. فیلدهای فایل (file)
  5. دکمه‌های ارسال و ریست (submit, reset)
نکته: برای یادگیری عمیق‌تر درباره ویژگی‌های فرم می‌توانید ویژگی های form در HTML.

اعتبارسنجی فرم‌ها

HTML5 ویژگی‌های اعتبارسنجی پیشرفته‌ای را معرفی کرده است:

ویژگی‌های اعتبارسنجی جدید شامل required، pattern، min/max و ... می‌شوند که بدون نیاز به JavaScript اعتبار داده‌ها را بررسی می‌کنند.

توجه: برای پیاده‌سازی منطق‌های پیچیده‌تر اعتبارسنجی، همچنان نیاز به JavaScript خواهید داشت.

جمع‌بندی

فرم‌ها قلب تعامل کاربر در وب هستند. با استفاده صحیح از ویژگی‌های مختلف فرم‌ها می‌توانید تجربه کاربری بهتری ایجاد کنید و داده‌های معتبرتری از کاربران دریافت نمایید. برای اطلاعات تکمیلی حتماً ویژگی های form در HTML را بررسی کنید.