» مقالات تجارت الکترونیک » مقالات هایبرد » کادرهای کنترلی (آموزش HTML)

کادرهای کنترلی (آموزش HTML)

کادرهای کنترلی (آموزش HTML)

7164  تعداد بازدید  |  شنبه 9 آبان ماه 1394

با استفاده از لیستهای لغزنده می توان چند گزینه را از بین گزینه های مختلف انتخاب کرد. متأسفانه، تمام گزینه ها در آن واحد به کاربر نمایش داده نمیشوند تا آنها را انتخاب کند. اگر تعدادی از گزینه هایی که با یکدیگر تضاد ندارند باید انتخاب شوند، بهتر است از کادرهای کنترلی استفاده شود. کادر کنترلی می تواند فعال (ON) یا غیرفعال (OFF)

با استفاده از لیستهای لغزنده می توان چند گزینه را از بین گزینه های مختلف انتخاب کرد. متأسفانه، تمام گزینه ها در آن واحد به کاربر نمایش داده نمیشوند تا آنها را انتخاب کند. اگر تعدادی از گزینه هایی که با یکدیگر تضاد ندارند باید انتخاب شوند، بهتر است از کادرهای کنترلی استفاده شود. کادر کنترلی می تواند فعال (ON) یا غیرفعال (OFF) باشد. وقتی علامت (۷) در آن قرار گیرد فعال، وگرنه غیرفعال است. کاربر می تواند از طریق کادرهای کنترلی زینههای مختلفی را انتخاب کند. اما اگر تعداد آنها زیاد باشد، پردازش آنها دشوار خواهد شد. برای ایجاد کادر کنترلی از دستور< INPUT > استفاده می شود، به طوری که مقدار صفت TYPE برابر با CHECKBOX انتخاب شود. با استفاده از صفت NAME می توان نامی را برای کادر کنترلی انتخاب کرد. به عنوان مثال، برای اینکه تعیین کنید آیا کاربرزبان جاوا را دوست دارد یا خیر، دستور زیر را بنویسید:

Choice : <|NPUT TYPE = "CHECKBOX" NAME = "JAVA">

در این دستور choice به عنوان برچسب دستور انتخاب خواهد شد. توجه کنید که انتخاب برچسب اختیاری است.
در این مثال، اگر کادر کنترلی انتخاب شود، مقدار Choice = on به کارگزار ارسال میشود. تعیین مقدار برای کادر کنترلی جالب به نظر می رسد. مقادیری که باید به جای مقدار فرضی انتقال داده شوند، توسط صفت VALUEمشخص می شوند. در دستور زیر، پاسخی مثل Test=java به کارگزار ارسال می شود:

choice : <INPUT TYPE = "CHECKBOX" NAME = "TEST" VALUE = "JAVA">

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

مثالی ۴-۸ استفاده از کادرهای کنترلی در صفحات وب. اجرای این برنامه در شکل ۵-۸ آمده است.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE-Check Box Example.</TITLE>
</HEAD>
<BODY >
<H2 ALIGN="center">Book Order Form-:/H2>
<HR>
<FORM ACTION="mailto:jghomig,sinasoft.net "METHOD="POST"> 
<B>Book list options:</B> 
<BR> 
C programming: 
<INPUT TYPE="CHECKBOX NAME="Book1" VALUE="program">
<BR>
c++ programming: 
<INPUT TYPE="CHECKBOX" NAME="Book2" VALUE="Advanced programer" CHECKED> <BR>
pascal progamming:
- <INPUT TYPE="CHECKBOx" NAME="Book3" VALUE="Low programming">
<BR>
</FORM>
<HR> 
</BODY>
</HTML>

 

 

مقالات مرتبط به طراحی سایت :

عملگرها (آموزش HTML)
متد ها در زبان های اسکریپتی 2 (آموزش HTML)
متد ها در زبان های اسکریپتی(آموزش HTML)
اشیای موجود در جاوا اسکریپت (آموزش HTML)
دستورات در جاوااسکریپت(آموزش HTML)
جاوا اسکریپت (آموزش HTML)
استفاده از دکمه های تصویری به جای SUBMIT (آموزش HTML)
کادرهای کنترلی (آموزش HTML)
لیستهای لغزنده (آموزش HTML)
فیلد متنی چند خطی (آموزش HTML)
کنترلهای فرم (آموزش HTML)
امکانات دیگری از جدول (آموزش HTML)
جدول و صفحه آرایی (آموزش HTML)
لیستها در HTML (آموزش HTML)
سایر فرمتهای دودویی (آموزش HTML)
تصاویر به عنوان دکمه/صوت دیجیتال/فرمت های فایل های صوتی /برداشت و اجرای فایل صوتی(آموزش HTML)