نمونه فرم HTML

فرم‌ها در HTML‌ ابزاری هستند که می‌توانند اطلاعات مورد نظر شما را از کاربر دریافت کنند و به سرور ارسال نمایند. پس از ارسال اطلاعات وارد شده به سرور، با استفاده از کدهای برنامه‌نویسی، امکان ارزیابی، پردازش و ذخیره‌سازی آن‌ها در پایگاه داده وجود دارد.

ساخت فرم در HTML با استفاده از تگ form انجام می‌شود. فیلدهای متعددی در یک فرم HTML قابل ثبت هستند که شامل موارد زیر می‌شوند.

  1. ‎<input type=”button“>‎
  2. ‎<input type=”checkbox“>‎
  3. ‎<input type=”color“>‎
  4. ‎<input type=”date“>‎
  5. ‎<input type=”datetime-local“>‎
  6. ‎<input type=”email“>‎
  7. ‎<input type=”file“>‎
  8. ‎<input type=”hidden“>‎
  9. ‎<input type=”image“>‎
  10. ‎<input type=”month“>‎
  11. ‎<input type=”number“>‎
  12. ‎<input type=”password“>‎
  13. ‎<input type=”radio“>‎
  14. ‎<input type=”range“>‎
  15. ‎<input type=”reset“>‎
  16. ‎<input type=”search“>‎
  17. ‎<input type=”submit“>‎
  18. ‎<input type=”tel“>‎
  19. ‎<input type=”text“>‎
  20. ‎<input type=”time“>‎
  21. ‎<input type=”url“>‎
  22. ‎<input type=”week“>‎
  23. ‎<select>‎
  24. ‎<textarea>‎
  25. ‎<button type=”submit“>‎

یک فرم ساده

یک فرم ساده‌ی HTML که شامل چند فیلد زیر باشد با کدهایی شبیه به کدهای زیر قابل پیاده‌سازی است:

فیلدهای موجود در فرم بالا شامل موارد زیر هستند:

  1. فیلد متنی برای نام
  2. فیلد متنی برای نام خانوادگی
  3. فیلد عددی برای سن
  4. فیلد گذرواژه برای رمز ورود
  5. فیلد submit برای ارسال اطلاعات به سرور

هر فیلد متنی دارای یک label است که صفت for‌ آن با مقدار مشابه id فیلد پر می‌شود. با انجام این کار، اگر کاربر روی label مورد نظر کلیک کند، فیلد متناظر انتخاب می‌شود.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان تلفنی
۶۵ ۸۹ ۹۶ ۸۸ - ۰۲۱
۹۱ ۸۴ ۹۶ ۸۸ - ۰۲۱