در این قسمت از پروژه میخواهیم به کمک تگ <form>
و تگ <input>
، یک فرم تماس ایجاد کنیم. این فرم شامل فیلدهای نام، ایمیل، پیام و یک دکمه ارسال خواهد بود.
برای مشاهده کدهای این پروژه و انجام تمرینها اینجا کلیک کنید.
توجه 1: ویژگی placeholder (که برای inputهایی مثل search ،text و email و همین طور برای textarea کار میکند) اشارهای کوتاه به مقدار مورد انتظار یک فیلد ورودی میکند. مقدار این ویژگی به صورت کمرنگ در ورودی نشان داده میشود.
توجه 2: این فرم، فقط یک صفحهی HTML ایستا است و برای ارسال فرم کار نخواهد کرد. برای ارسال یک فرم واقعی و پردازش دادهها، باید کدهای سمت سرور را ایجاد کنید. برای یادگیری چگونگی این امر، پس از اتمام دوره های HTML و CSS، میتوانید دورهیPHP سکان آکادمی را مطالعه کنید.
تمرین:
- کد را بررسی کرده، فرم را تغییر دهید و فیلدهای مورد نیاز خود را با توجه به آنچه که آموختید، ایجاد کنید.