آموزش برنامه نویسی HTML (قسمت ۲۲) | خدمات کامپیوتری امداد133
خانه / کامپیوتر / اموزش / آموزش برنامه نویسی HTML (قسمت ۲۲)

آموزش برنامه نویسی HTML (قسمت ۲۲)

در آموزش قبل با اصول ساخت لیست های کشویی برای فرم های HTML آشنا شدیم. در این آموزش قصد داریم ساخت دکمه های قابل استفاده در فرم با تگ <input> را توضیح داده و به کار ببریم .

بلاخره صبر شما به پایان رسید، در این سری آموزشی ما فرم ها را به اتمام می رسانیم.

فرمی که ساخته ایم در حال حاضر تا حد زیر پیش رفته است :

 نام و نام خانوادگی :

شماره موبایل :

فعالیت های مورد علاقه :
ورزش رزمی
دوندگی
رانندگی
مطالعه
خوابیدن طولانی
تماشای فیلم

جنسیت :
مرد
زن

رنج سنی :
کمتر از ۱۸ سال
بین ۱۸ تا ۲۲ سال
بین ۲۲ تا ۳۰ سال
بیشتر از ۳۰ سال

نظرات شما :

گزینه انتخابی شما :

گزینه های انتخابی شما :

گزینه های انتخابی شما :

لیست دسته بندی شده :


خب در حال حاضر ما نیاز به یک دکمه ارسال داریم که بعد از پر کردن و تکمیل فیلد ها فرم را ارسال کنیم.

جهت ساخت دکمه ارسال فرم از تگ <input> استفاده می شود که در شناسه type مقدار Submit را وارد میکنیم تا دکمه ساخته شود. مشابه زیر عمل می کنیم :

در حال حاضر چون این دکمه در تگ <form> قرار ندارد هیچ عملی را انجام نمیدهد، وقتی که درون تگ فرم قرار بگیرد با کلیک کردن بر روی آن به صفحه action منتقل می شوید.

برای اینکه متن پیشفرض دکمه ارسال را تغییر دهیم از شناسه value استفاده میکنیم :

در بخش آموزش CSS طریقه تغییر استایل دکمه ها را نیز آموزش خواهیم داد که بتوانید شکل دکمه و اندازه و رنگ و … را کنترل کنید.

 

یکی دیگر از دکمه های قابل استفاده در فرم ها ، دکمه پاک کردن یا ریست است که کار آن خالی کردن تمام اطلاعاتی است که شما در فرم وارد کرده اید جهت ورود مجدد اطلاعات ، برای سایت یک دکمه ریست از تگ <input> استفاده میکنیم که در شناسه type مقدار reset را وارد میکنیم ، مطابق زیر :

برای تغییر نام پیشفرض از value استفاده میکنیم :

 

به جز دکمه های ارسال فرم و پاک کردن فرم دکمه هایی هم وجود دارد که بیشتر برای استفاده در جاوا اسکرپت استفاده می شوند. این دکمه ها به صورت پیش فرض وظیفه خاصی را انجام نمی دهند و وظیفه آنها بستگی به موقعیت و مورد استفاده آنها از نظر برنامه نویس دارد.

نمونه دکمه :

همانطور که مشاهده می فرمایید یک دکمه بدون هیچ کاربرد و عنوان پیشفرض تولید می شود که در بخش آموزش جاوا اسکریپت به توضیحات و کاربرد های آن می پردازیم.

 

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

حالا به تگ فرم نگاه کرده و متد get را به متد post تغییر دهید، یکبار دیگر اطلاعات را وارد کرده و ارسال کنید ، این بار نیز مانند قبل به صفحه پردازش فرم منتقل می شوید با این تقاوت که هیچ نوشته اضافه ای در آدرس مرورگر نمایش داده نمیشود.

یکی از تفاوت های متد post و get در همین است، البته هر کدام از دو روش مزیت های خاص خودشان را دارند، اما راه ایمن تر برای ارسال اطلاعات، متد post می باشد.

 

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

 

 ما به طور کلی در این آموزش با ساخت دکمه های قابل استفاده در فرم با تگ <input> آشنا شدیم ، در آموزش بعد به آشنایی با متا تگها و موارد استفاده آنها در HTML میپردازیم.


موفق باشید.

 

 دانلود سورس آموزش این جلسه (حجم : ۱ کیلوبایت)

درباره ی nasimazadi

مطلب پیشنهادی

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید