سرفصل‌های آموزشی
آموزش پروژه محور HTML و HTML5
پروژه وبلاگ: فرم تماس

پروژه وبلاگ: فرم تماس

در این قسمت از پروژه می‌خواهیم به کمک تگ <form> و تگ <input>، یک فرم تماس ایجاد کنیم. این فرم شامل فیلدهای نام، ایمیل، پیام و یک دکمه ارسال خواهد بود.

برای مشاهده کدهای این پروژه و انجام تمرین‌ها اینجا کلیک کنید.

توجه 1: ویژگی placeholder (که برای input‌هایی مثل search ،text و email و همین طور برای textarea کار می‌کند) اشاره‌ای کوتاه به مقدار مورد انتظار یک فیلد ورودی می‌کند. مقدار این ویژگی به صورت کمرنگ در ورودی نشان داده می‌شود.

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

 

تمرین: 

  • کد را بررسی کرده، فرم را تغییر دهید و فیلدهای مورد نیاز خود را با توجه به آنچه که آموختید، ایجاد کنید.