illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

49639 ۱۳ مهر ۹۱
1 2 3 4

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

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

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

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

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

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

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

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

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

تگ <form>

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

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

1 2 3 4
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 6 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    سید مهدی(۲۷ فروردین ۱۳۹۲)

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

    یا علی

    • ‏‏
      لقمان آوند(۲۷ فروردین ۱۳۹۲)

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

  • ‏‏
    سید مهدی(۲۸ فروردین ۱۳۹۲)

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

  • ‏‏

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

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

    • ‏‏
      لقمان آوند(۲۶ مرداد ۱۳۹۲)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram