حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
HTML از صفر؛ ساخت وب‌سایت

فرم چگونه کار می‌کند؟ label، name و ارسال

۵. فرم‌ها؛ دریافت اطلاعات از کاربر · 0٪

برای ذخیره پیشرفت و استفاده از دستیار وارد شوید.

فرم رابط دریافت داده است

form کنترل‌ها را گروه‌بندی می‌کند. action مقصد ارسال و method روش ارسال را تعیین می‌کند. HTML به‌تنهایی حساب نمی‌سازد، اطلاعات را ذخیره نمی‌کند و ایمیل نمی‌فرستد؛ مقصد باید برنامهٔ سرور واقعی داشته باشد. /register در مثال یک مسیر فرضی است.

<form action="/register" method="post">
  <label for="full-name">نام کامل</label>
  <input id="full-name" name="full_name" type="text" autocomplete="name">
  <button type="submit">ثبت‌نام</button>
</form>

for روی label با id کنترل برابر است؛ کلیک روی برچسب، کنترل را فعال می‌کند. id برای شناسایی در سند است؛ name کلید دادهٔ ارسالی است. یک input بدون name معمولاً در دادهٔ فرم فرستاده نمی‌شود. placeholder نمونه یا راهنماست و جای label را نمی‌گیرد.

GET داده را معمولاً در بخش query نشانی قرار می‌دهد و برای جست‌وجو مناسب است. POST داده را در بدنهٔ درخواست می‌فرستد و برای عملیات ثبت معمول است. POST داده را رمزگذاری نمی‌کند؛ انتقال محرمانه به HTTPS و طراحی درست سرور نیاز دارد. در فرم GET اطلاعات حساس وارد نکن.

در button نوع را صریح بنویس: submit برای ارسال و button برای عملی که قرار است بعداً با JavaScript انجام شود. دکمهٔ reset داده‌های واردشده را پاک می‌کند؛ اغلب حذف آن برای کاربر بهتر است.