آموزش HTML (قسمت 9) : کار با فرم ها در HTML (جلسه اول)

- visibility ۶ mode_comment

یکی دیگر از مهمترین عناصر موجود در HTML فرم ها هستند. عناصر فرم تنها عناصری هستند که کاربران می توانند مستقیما یکسری اطلاعات را در آن ها وارد کرده و برای طراح فرم بفرستند. از جمله عناصر فرم می توان به کادر های متنی یک خطی، کادر های متنی چند خطی، دکمه ها ، دکمه های رادیویی، دکمه های تصویری، کادر های علامت، لیست های انتخاب و... اشاره کرد.

در این قسمت ابتدا به سراغ ساختار اساسی فرم ها و سپس به بررسی دقیق هر یک از عناصر آن با ذکر جزئیات و کاربردهایشان خواهیم پرداخت.

ساختار اساسی فرم

هر فرم با تگ <form> شروع و به تگ </form> نیز ختم می شود. تگ فرم می تواند شامل سایر تگ های HTML همچون پاراگراف ها، تیتر ها و مانند آن ها باشد. اما نمی توان از تگ <form> دیگری در داخل آن استفاده کرد. هر صفحه می تواند شامل چندین فرم که هر یک وظایف مجزایی از یکدیگر دارند باشد. به عنوان مثال شما ممکن است یک فرم ورود، یک فرم جستجو و فرمی برای مشترک کردن کاربرانتان در خبرنامه سایتتان داشته باشید.

یک فرم شامل سه بخش مهم می باشد:

  • تگ form که شامل URL صفحه ای که اطلاعات فرم را پردازش می کند.
  • عناصر فرم، مانند کادرهای متنی، کادرهای علامت، لیست ها و ...
  • دکمه Submit که داده هایی را که از کابر گرفته را برای صفحه پردازشگر رویداد سرور میفرستد.

مثال زیر ساختار اصلی یک فرم را نشان می دهد:

info نکته :

لطفا کد بالا رو توی ادیتور متنتون بنویسید چونکه میخواهیم خط به خط این کد رو با هم بررسی کنیم.

نتیجه در مرورگر :

تگ <form>

تگ <form> :این تگ برای ایجاد فرم ها استفاده می شود. در واقع هر فرمی به وسیله تگ باز <form> شروع می شود و با تگ بسته </form> پایان می یابد. عناصر فرم باید حتما داخل این عنصر با کار روند.

این تگ شامل  تعدادی صفت است که در ادامه بررسی خواهیم کرد:

comment دیدگاه کاربران
سید مهدی

آقا خیلی شرمنده شما خیلی بد توضیح میدید!
باید هر مرحله رو با کد توضیح بدید.
جزئیات رو هم بگید.

یا علی

لقمان آوند

به نظر من که خیلی عالی توضیح داده آقا سجاد …
کد و مثالهم که هست …

سید مهدی

شما درست میگید. بببخشید در واقع اینو برای اولین جلسه گذاشتم که البته در جلسات بعدی خیلی هم خوب توضیح دادند.
ممنونم موفق باشید

Etoile

سلام خسته نباشید و تشکر از وب سایت خوبتون و آموزش هاتون

من بدون lable هم میتونم عناوین دلخواهمو بنویسم ، استفاده از lable چه مزیتی داره ؟

لقمان آوند

میشه اینکارو کرد . با استفاده از ویژگی for برای لیبل ها (در صفحه 4 این آموزش) ، در صفحه ی وب وقتی روی لیبل کلیک کنید کاربر روی فیلد مخصوص اون متمرکز میشه . ضمن لینکه موتور های جستجو هم توضیحی رو در مورد اون فیلد (که همون متن درون لیبل باشه) متوجه میشن و در وب معنایی می تونند از اون استفاده کنند . بهتره که ازش استفاده کنید . گذاشتن برای همین کار دیگه !

Etoile

بله درسته ، مرسی از توضیحتون

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.