به نام او که هرچه علم است از اوست
امروز به بررسی بقیه کنترل های HTML می پردازیم.
دفعات قبل کنترل های متن و کشویی رو با هم بررسی کردیم. امروز کنترل های CheckBox , Button , Radiobutton رو بررسی می کنیم.
برای ساخت CheckBox از تگ زیر استفاده می کنیم .
<input
type="checkbox" name="checkbox1" value="likehtml"
checked="checked">
نوع یا type رو قبلا توضیح دادم (برای شناساندن نوع کنترل به مرورگر هست). name نام یکتای کنترل در صفحه هست. value مقداری هست که اگر checkbox تیک خورده بود به فرم های دیگه ارسال میشه. checked هم اگر وجود داشته باشه checkbox تیک خورده هست.
Radiobutton چه کنترلی هست ؟ خیلی مواقع شده موقع ثبت نام توی سایتی از شما جنسیتتون پرسیده شده.شما یا می تونید آقا باشید یا خانم.پس نباید بتونید جفتشون رو انتخاب کنید. واسه این کار از Radiobutton استفاده میشه که در هر گروه Radiobutton شما فقط یک Radiobutton رو می تونید انتخاب کنید. ساخت Radiobutton هم به شکل زیر هست :
<input
name="radiogroup1" type="radio" value="male"
checked="checked">
<input
name="radiogroup1" type="radio" value="female">
قسمت name برای این کنترل یه کم فرق می کنه و در اصل گروه Radiobutton هست.یعنی شما هر چند تا Radiobutton رو با یک name بذارید فقط یکیشون انتخاب میشه و فقط value اون ها تغییر می کنه. حواستون باشه توی هر گروه Radiobutton فقط برای یکیشون می تونید از checked استفاده کنید.
در HTML دو نوع دکمه یا button داریم.یکی reset و یکی دیگه submit. از لحاظ ظاهری فرق ندارن اما از لحاظ عملکرد چرا(البته اگر داخل تگ فرم باشن).
ساختارشون هم شبیه هم هست فقط type اونها با هم فرق داره:
<input
type="submit" name="submitbutton" value="submit
this information" >
<input
type="reset" name="resetbutton" value="new
information" >
نمونه کنترل های بالا هم رو در زیر می تونید ببینید :
سلام
فروشگاه اینترنتی ما همانند یک بازار واقعی است. در واقع در این فروشگاه اینترنتی، محصولات فروشگاه های زیادی گردآوری شده است تا شما بتوانید محصول مورد نظر خود را با بهترین قیمت خریداری کنید
برای پیدا کردن محصول مورد نظر خود کافیست بخشی از نام آن را در کادر جستجو وارد کنید و بر روی دکمه \\\\\\\'جستجو\\\\\\\' کلیک کنید.
• از آنجا که خریدار پس از دریافت کالا، هزینه آن را می‌پردازد، لذا می‌توانید بدون هیچ‌گونه نگرانی کالاهای مورد نظر خود را سفارش دهید.
[گل][خداحافظ]
سلام
فروشگاه اینترنتی ما همانند یک بازار واقعی است. در واقع در این فروشگاه اینترنتی، محصولات فروشگاه های زیادی گردآوری شده است تا شما بتوانید محصول مورد نظر خود را با بهترین قیمت خریداری کنید
برای پیدا کردن محصول مورد نظر خود کافیست بخشی از نام آن را در کادر جستجو وارد کنید و بر روی دکمه \\\\\\\'جستجو\\\\\\\' کلیک کنید.
• از آنجا که خریدار پس از دریافت کالا، هزینه آن را می‌پردازد، لذا می‌توانید بدون هیچ‌گونه نگرانی کالاهای مورد نظر خود را سفارش دهید.
[گل][خداحافظ]
سلام
فروشگاه اینترنتی ما همانند یک بازار واقعی است. در واقع در این فروشگاه اینترنتی، محصولات فروشگاه های زیادی گردآوری شده است تا شما بتوانید محصول مورد نظر خود را با بهترین قیمت خریداری کنید
برای پیدا کردن محصول مورد نظر خود کافیست بخشی از نام آن را در کادر جستجو وارد کنید و بر روی دکمه \\\\\\\'جستجو\\\\\\\' کلیک کنید.
• از آنجا که خریدار پس از دریافت کالا، هزینه آن را می‌پردازد، لذا می‌توانید بدون هیچ‌گونه نگرانی کالاهای مورد نظر خود را سفارش دهید.
[گل][خداحافظ]
سلام
وبلاگ جامع و زیبایی داری
انشالا بتونی هروز پر بارتر به کارت ادامه بدی
خوشحال میشم سر بزنی به
مداد سیاه
بهترین مقالات روانشناسی
مطالب جالب و طنز
بهترین داستانک های ایرانی و خارجی
زندگی نامه بزرگان و اساتید ایرانی و خارجی
عکس های کمیاب و زیبا
و.....
سلام
وبلاگ جامع و زیبایی داری
انشالا بتونی هروز پر بارتر به کارت ادامه بدی
خوشحال میشم سر بزنی به
مداد سیاه
بهترین مقالات روانشناسی
مطالب جالب و طنز
بهترین داستانک های ایرانی و خارجی
زندگی نامه بزرگان و اساتید ایرانی و خارجی
عکس های کمیاب و زیبا
و.....
سلام دوست عزیز دوباره به وبلاگ شما اومدم وبلاگ شما واقعا زیباست ارزوی موفقیت دارم برای شما