【正文】 第九章 服務(wù)器控件及數(shù)據(jù)庫綁定 2 ： HTML控件 ：以 HTML標記呈現(xiàn)的控件，此類控件不僅可以在客戶端運行又可將其作為服務(wù)器控件運行； Web服務(wù)器控件 ：以“ asp:” 為前綴的控件，此類控件都運行在服務(wù)器端。 3 HTML控件 HTML控件存在于 【 工具箱 】 的 HTML選項卡下，它是 基于 HTML標記語言 的 ，主要用于在客戶端直接與用戶交互。 當(dāng)需要在客戶端動態(tài)地響應(yīng)用戶的鼠標單擊、鼠標移動、鍵盤輸入等交互性比較頻繁的操作時，可以使用 HTML控件。 常用的 HTML控件有： Input（ Button）控件、 Input（ Text）控件以及 Input（ Radio）控件等。 4 若在 .aspx文件的 【 設(shè)計 】 視圖下將 HTML控件拖放到設(shè)計頁面，則在 【 源 】 視圖中會自動生成代碼。例如，向設(shè)計頁面中拖放一個 Input（ Button）控件，則在 【 源 】 視圖中會自動生成如下代碼： input id=Button1 type=button value= button / 5 將 HTML控件轉(zhuǎn)換為 HTML服務(wù)器控件 默認情況下，服務(wù)器無法使用 HTML元素，但可以通過將 HTML元素轉(zhuǎn)換為 HTML服務(wù)器控件，將其轉(zhuǎn)換為可在服務(wù)器上編程的對象。 HTML元素都可以通過 以下方式轉(zhuǎn)換成 HTML服務(wù)器控件 ： runat=server“ 在分析過程中， runat=“server”屬性的所有元素的實例。 【 設(shè)計 】 視圖下，用鼠標右鍵單擊 HTML控件，在彈出的快捷菜單中選擇 【 作為服務(wù)器控件運行 】 ，該 HTML控件會自動變?yōu)?HTML服務(wù)器控件。 6 HTML服務(wù)器控件與 Web服務(wù)器控件的區(qū)別： ?HTML服務(wù)器控件沒有 asp標記前綴。 ?從外觀上看，設(shè)計頁面中控件左上方的綠色三角形表示該控件為服務(wù)器控件。 7 分類 HTML控件 HTML標記 表單控件 HtmlForm Form 輸入控件 HtmlInputHidden HtmlInputText(password) HtmlInputText(text) Input type=“hidden” Input type=“password” Input type=“text” 選擇控件 HtmlInputCheckBox HtmlSelect HtmlInputRadioButton Input type=“checkBox” select input type=“radio” 表格控件 HtmlTable HtmlTableRow HtmlTableCell table tr td HTML控件與標準 HTML標記的對應(yīng)關(guān)系表 8 基本 Web服務(wù)器控件： ? 按鈕控件 （ Button控件、 LinkButton控件和ImageButton控件） ? TextBox控件 ? CheckBox控件和 CheckBoxList控件 ? RadioButton控件和 RadioButtonList控件 ? ListBox控件和 DropDownList控件。 驗證控件： 9 按鈕控件 VS 2023中有以下 3種類型的 Web服務(wù)器按鈕控件： （ 1） Button控件 （ 2） LinkButton控件 （ 3） ImageButton控件 3種類型的按鈕在鼠標單擊時都可以將頁面提交給服務(wù)器，并觸發(fā)服務(wù)器端對應(yīng)的 Click事件，然后在服務(wù)器端執(zhí)行相應(yīng)的事件代碼。 10 Button控件 的語法格式： asp: Button id=“ButtonID” runat=“Server” Text=“Button上面的文本” OnClick=“事件處理程序名稱” /asp:Button ImageButton控件 允許將一個圖形指定為按鈕，這個控件具有 Image的界面和 Button的功能。語法如下： asp: ImageButton id=“ImageButton1” runat=“Server” ImageUrl=“” OnClick=“ImageButton1_Click” LinkButton控件 ，它只是使按鈕的界面呈現(xiàn)為超級鏈接狀，并非真正的超級鏈接。語法如下： asp: LinksButton id=“LinksButton1” runat=“Server” LinkButton/asp:LinkButton” 11 TextBox控件 TextBox控件 ：用于讓用戶輸入文本內(nèi)容。 TextBox控件常用屬性和事件 ： ?ID屬性 指定控件的名稱， 它是控件在頁面中的唯一標識。 ?AutoPostBack屬性 決定控件中文本內(nèi)容修改后，是否自動回發(fā)到服務(wù)器。默認為 false，即修改文本后并不立即回發(fā)到服務(wù)器，而是等頁面被提交后一并處理。若為 true，則每次更改文本框的內(nèi)容并且焦點離開控件時，都會自動回發(fā)，使服務(wù)器處理控件相應(yīng)的 TextChanged事件。 12 ?TextMode屬性 設(shè)置文本框接受文本的行為模式。有 3種屬性值： MultiLine（多行輸入模式）、 Password（密碼輸入模式）、 SingleLine（默認值，單行輸入模式）。 ?Text屬性 設(shè)置控件上所要顯示的文本。 ?TextChanged事件 文本框中的內(nèi)容發(fā)生更改且頁面回傳到服務(wù)器端處理時，觸發(fā)的事件。若 AutoPostBack屬性設(shè)置為 true，則每次更改文本框中的內(nèi)容都會使頁面回傳到服務(wù)器端，并同時觸發(fā) TextChanged事件。 13 語法如下： asp :TextBox id=“ 對象名稱” runat=“server” TextMode=“ 文字顯示模式” Text=“ 要在文本框中顯示的字符串” MaxLength=“ 可輸入字符串的最大字數(shù)” Rows=“ 可顯示的最大行數(shù)” Columns=“ 可顯示的最大列數(shù)” Warp=“ 是否自動換行” AutoPostBack=“ 是否馬上回傳到服務(wù)器” OnTextChanged=“ 事件處理程序” / 14 CheckBox控件與 CheckBoxList控件 CheckBox控件 用于向用戶提供選項，適用于選項不多且比較固定的情況。 Checked屬性、 Text屬性 CheckBoxList控件 用于向用戶提供選項列表，適用于選項較多或在運行時動態(tài)地決定有哪些選項時。 Items屬性 .Items[0].Select屬性：是否選中 .Items[0].Text屬性：該項的顯示文本 例： \其它 \ 15 protected void Button1_Click(object sender, EventArgs e) { =。 if ( == true) = 。 if ( == true) = + 。 ///////////////////// =。 if ([0].Selected) = [0].Text。 if ([1].Selected) = + [1].Text。 } 例： \其它 \ CheckBoxList 16 RadioButton控件與 RadioButtonList控件 RadioButton控件： GroupName屬性：定義單選按鈕組名，具有相同組名的單選按鈕可以作為一組互斥的控件來使用。 RadioButtonList控件： 封裝了一組單選按鈕控件的列表控件 Items屬性。 若要使 SelectedIndexChanged事件起作用，必須將 AutoPostBack屬性置為 True 17 protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e) { if ([0].Selected) = [0].Text。 if ([1].Selected) = [1].Text。 if ([2].Selected) = [2].Text。 } 例： \其它 \ RadioButtonList 18 ListBox控件和 DropDownList控件 ListBox控件（列表框控件） 用來顯示一組條目，用戶可從中選擇一條或 多條 。 常用的屬性 Items屬性 ：用于編輯控件中所要顯示的列表項。 SelectionMode屬性 ：用于指定 ListBox控件的模式行為。 Single表示每次選擇一個條目， Multiple表示每次可以選擇多個條目。 常用事件 SelectedIndexChanged事件，當(dāng)選定項發(fā)生更改時觸發(fā)該事件。 19 Dro