【文章內(nèi)容簡介】 中國建設(shè)銀行 input type=radio id=bank4 name=payment runat=server value=中國人民銀行 浦發(fā)銀行 input type=radio id=bank5 name=payment runat=server value=中國人民銀行 深發(fā)銀行 br asp:button id=button text=確定 onclick=button_click runat=server/ !顯示用戶選擇的銀行 span id=show1 runat=server/spanbr /form /BODY /HTML 4．用 IIS瀏覽該 aspx文件，結(jié)果如圖 ： 圖 單選框的使用 圖 單選框的使用結(jié)果 實(shí)訓(xùn)項(xiàng)目三 多選框 實(shí)訓(xùn)目的與要求： ? 掌握多選框的使用。 checkbox屬于 WEB表單的切換開關(guān)，可以讓用戶選擇是否打開某一項(xiàng)設(shè)置，或者是設(shè)定特定的參數(shù)。與單選框類似，多選框一般也是成組使用，提高給用戶一些系統(tǒng)預(yù)定義數(shù)據(jù)進(jìn)行選擇。在一組單選框中，在某一時刻用戶只能選擇其一，而 多選框則相當(dāng)于“多選一”，擁護(hù)在某一時刻可以選擇一個或多個選擇項(xiàng)。 復(fù)選框（ checkbox）的使用格式： input type=checkbox id=programmaticID checked runat=server 例如： input type=” checkbox” id=” tel” runat=” server” 電話 實(shí)訓(xùn)步驟 1．新建有四個多選框的表單： form runat=server 請選擇通知考生成績的方法 :br input type=checkbox id=mail runat=server電子郵件 br input type=checkbox id=mobile runat=server移動電話 br input type=checkbox id=tel runat=server電話 br input type=checkbox id=fax runat=server傳真 br !提供用戶確定選擇的按鈕 asp:button id=button text=確定 onclick=button_click runat=server/ !顯示用戶的選擇 span id=show1 runat=server/spanbr /form 2．為“確定”按鈕添加事件處理程序： script language=vb runat=server sub button_click(obj as object,e as eventargs) dim str as String if then str=str amp。 電子郵件 br end if if then str=str amp。 移動電話 br end if if then str=str amp。 電話 br end if if then str=str amp。 傳真 br end if =選擇的通知方法為： br amp。 str end sub /script 3．新建一文本文件 ，保存在虛擬目錄下，文件完整源程序如下： HTML HEAD TITLE顯示多選框的使用 /TITLE META NAME=Generator CONTENT=EditPlus META NAME=Author CONTENT= META NAME=Keywords CONTENT= META NAME=Description CONTENT= /HEAD script language=vb runat=server sub button_click(obj as object,e as eventargs) dim str as String if then str=str amp。 電子郵件 br end if if then str=str amp。 移動電話 br end if if then str=str amp。 電話 br end if if then str=str amp。 傳真 br end if =選擇的通知方法為： br amp。 str end sub /script BODY form runat=server 請選擇通知考生成績的方法 :br input type=checkbox id=mail runat=server電子郵件 br input type=checkbox id=mobile runat=server移動電話 br input type=checkbox id=tel runat=server電話 br input type=checkbox id=fax runat=server傳真 br !提供用戶確定選擇的按鈕 asp:button id=button text=確定 onclick=button_click runat=server/ !顯示用戶的選擇 span id=show1 runat=server/spanbr /form /BODY /HTML 4．用 IIS瀏覽該 aspx文件，結(jié)果如下： 圖 多選框的使用 ? 5．單擊“確定”按鈕，運(yùn)行結(jié)果如下： 圖 多選擇框的使用結(jié)果 實(shí)訓(xùn)項(xiàng)目七 下拉列表框 實(shí)訓(xùn)目的與要求： ? 掌握下拉列表框的使用。 實(shí)訓(xùn)預(yù)備知識 下拉列表框提供給用戶一個下拉菜單，用戶可以從選擇一個或多個數(shù)據(jù)項(xiàng)。 下拉列表框 HtmlSelect控件的語法格式如下。 select id=” programmaticID” OnServerChange=” onserverchangehandler” //選項(xiàng)改變觸發(fā)的事件 DataSource=” databindingsource” //控件的數(shù)據(jù)源 DataMember=” datamembervalue” DataTextFieled=” fieldtodatabindoptiionttext” //顯示選項(xiàng)引用的字段 DataValueField=” fieldtodatabindoptionvalue” //返回值引用的數(shù)據(jù)字段 Multiple//是否允許選擇多個 Items=” collectionofptionelements” //可以選項(xiàng)集合的名稱 SelectedIndedx=” indexofcurrentlyselecteditem” 當(dāng)前選中的索引值 Size=” ofcisibleitems” //控件在頁面上顯示的寬度 Value=” currentitemvalue” //當(dāng)前選項(xiàng)目的文字 Runat=” server” //聲明控件是在服務(wù)器端運(yùn)行的 optionvalue1/option optionvalue2/option …… /select 在 ， HtmlSelect控件除了使用原有的 Option屬性加入選項(xiàng)，還添加了動態(tài)加入選項(xiàng)的功能，其中有個很重要的屬性就是 Iterm屬性。 Item屬性是指所有的選項(xiàng)，它是一個集合，有下列屬性。 Add: 添加選項(xiàng)； Clear: 刪除所有選項(xiàng)； Remove: 刪除特定選項(xiàng)； Count: 選項(xiàng)總數(shù)； Select: 取得或設(shè)置選項(xiàng)是否被選中。 實(shí)訓(xùn)步驟 1．新建一含有下拉列表狂控件、按鈕控件的表單： form runat=server 選擇你要選修的語言： br select id=language runat=server option value=英語 / option value=日語 / option value=德語 / option value=意大利語 / option value=葡萄牙語 / /select asp:button id=button text=確定 onclick=button_click runat=server/ /form 2．為按鈕控件添加事件處理程序： script language=vb runat=server sub button_click(obj as object,e as eventargs) =你選擇的語言是： br = amp。 end sub /script 3．新建一文本文件 ，保存在虛擬目錄下，完整程序代碼如下： HTML HEAD TITLE 顯示下拉列表框的使用 /TITLE META NAME=Generator CONTENT=EditPlus META NAME=Author CONTENT= META NAME=Keywords CONTENT= META NAME=Description CONTENT= /HEAD script language=vb runat=server sub button_click(obj as object,e as eventargs) =你選擇的語言是： br = amp。 end sub /script BODY form runat=server 選擇你要選修的語言： br select id=language runat=server option value=英語 / option value=日語 / option value=德語 / option value=意大利語 / option value=葡萄牙語 / /select asp:button id=button text=確定 onclick=button_click runat=server/ /form span id=show1 runat=server/spanbr /BODY /HTML 4．用 IIS瀏覽該 aspx文件，結(jié)果如下： 圖 下拉列表框的使用 5．單擊“確定”按鈕，運(yùn)行結(jié)果如下 圖 下拉列表框的使用結(jié)果 實(shí)訓(xùn)項(xiàng)目八 提交、重置和普通按鈕 實(shí)訓(xùn)目的與要求： ? 掌握三種按鈕的使用。 實(shí)