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

دکمه های رادیویی (آموزش hmtl)

دکمه های رادیویی (آموزش hmtl)

4764  تعداد بازدید  |  دوشنبه 11 آبان ماه 1394

عملکرد ظاهری دکمه های رادیویی مثل کادرهای کنترلی است، اما فقط یک گزینه را می توان انتخاب کرد. این دکمهها در مواردی کاربرد دارند که از بین چند گزینه فقط یک گزینه قابل انتخاب باشد. در این مورد دکمه های رادیویی مثل منوهای بازشونده عمل می کنند که فقط یک انتخاب در آنها ممکن است. تنها تفاوت این است که در دکمه های

دکمه های رادیویی در طراحی سایت
عملکرد ظاهری دکمه های رادیویی مثل کادرهای کنترلی است، اما فقط یک گزینه را می توان انتخاب کرد. این دکمهها در مواردی کاربرد دارند که از بین چند گزینه فقط یک گزینه قابل انتخاب باشد. در این مورد دکمه های رادیویی مثل منوهای بازشونده عمل می کنند که فقط یک انتخاب در آنها ممکن است. تنها تفاوت این است که در دکمه های رادیویی، تمام گزینه ها در آن واحد نمایش داده می شوند. برای ایجاد دکمه های رادیویی از دستور <INPUT> استفاده می شود، به طوری که مقدار صفت TYPEآن باید RADIO باشد. انتخاب نام برای دکمه های رادیویی اهمیت ویژه ای دارد، زیرا کنترلهایی را که عملکرد رادیویی یکسانی دارند با هم دسته بندی می کند. عملکرد رادیویی میگوید که وقتی یک گزینه انتخاب شد، گزینه انتخاب شده قبلی از حالت انتخاب خارج میشود. اگر نام دکمه های رادیویی متفاوت باشد، عملکرد آن مثل کادر کنترلی خواهد بود
مثال ۵-۸

- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>
<HEAD>
<TITLE-Radio Button Example.</TITLE>
</HEAD>
<BODY>
<H2 ALIGN="center">Favourite color Form<:/H2> 
<HR>
<FORM ACTION="mailtojghomiasinasoft.net" METHOD="POST">
<B>Select a Color: </B><BR>
Green: <|NPUT TYPE="RADIO" NAME="Color" VALUE="Green">
Red: <INPUT TYPE="RADIO" NAME="Color" VALUE="Red" CHECKED
Blue: <|NPUT TYPE="RADIO" NAME="Color" VALUE="Blue"> 
Yellow: <|NPUT TYPE="RADIO" NAME="Color" VALUE="Yello"> 
</FORM>

 

 

 

دکمه های reset و submit

وقتی کاربر فرم را پر کرد باید بتواند آن را به کارگزار ارسال کند. فرم ممکن است به برنامه ای ارسال شود تا پردازش گردد و یا ممکن است از طریق پست الکترونیکی فرستاده شود. صفت TYPE دستور < INPUT> دارای دو مقدار RESET و SUBMIT است. این مقادیر می توانند دکمه های متداولی را ایجاد کنند که برای فرمها مفیدند. مقدار RESET دکمه ای را ایجاد می کند که به کاربر اجازه میدهد محتویات فرم را پاک کند و یا به مقدار اولیه برگرداند. مقدار SUBMIT موجب میشود تا دکمه ای ایجاد گردد که مرورگر محتویات فرم را به آدرسی که در صفتACTION از دستور < INPUT> مشخص شده است ارسال کند. دکمه های RESET و SUBMIT دارای دو صفت VALUE و NAME هستند. صفت VALUE مقدار دکمه و صفت NAME نام دکمه را تعیین میکند.

مثال ۶-۸
نمونه ای از فرمی که از دکمه های RESET و SUBMIT استفاده می کند. اجرای این برنامه در شکل ۷-۸ آمده است.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>
<HEAD>
<TITLE-Complete Form Example.</TITLE>
</HEAD>
<BODY>
<H2 ALIGN="center">Gadget Order Form</H2> 
<HR>
<FORM ACTION="mailto:jghomiQsinasoft.net"
METHOD="POST ENCTYPE="text/plain">
<B>Customerr Name: </B>
<INPUT TYPE="TEXT"
NAME="CustomerName" 
SIZE="25"
MAXLENGTH="35"> 
<BR><BR>
<B>Customer ID: </B>
<INPUT TYPE="PASSWORD." 
NAME="Customer|D" 
SIZE="10"
MAXLENGTH="10">
<BR><BR> 
<B>Book Type:</B>
<SELECT NAME="BookType"> 
<OPTION VALUE="SG-01">Computer Networks
<OPTION VALUE="MEG-G5">Databse Systems
<OPTION VALUE="MO-45">Java programming
<OPTION SELECTED-Delphi programming
</SELECT>
<BR><BR>
<|NPUT TYPE="SUBMIT" VALUE="Order Books" NAME="SubmitButton">
<INPUT TYPE="RESET" VALUE="Reset Form" NAME="ResetButton">
</FORM>
<HR> 
</BODY>
</HTM>

 

کادرهای کنترلی (آموزش html)
استفاده از پنل ها(آموزش فلش)
لیستهای لغزنده (آموزش html)