【正文】 屬性 1=值 屬性 2=值 …/ 或者： asp:控件名 ID =控件名稱 runat=server 屬性 1=值 屬性 2=值 … /asp: 控件名 如 Button控件，基本語(yǔ)法為： asp:Button id =Button2 runat=server Text=Button / 18 第 1版 將控件添加到 Web窗體中，有 3種方法。 【 例 41】 演示如何為 HtmlInputSubmit控件的事件添加方法。 True表示 HTML服務(wù)器控件被禁用， False表示 HTML服務(wù)器控件未被禁用 Visible 獲取或設(shè)置一個(gè) True或 False值。當(dāng)然也可以直接使用 “ 控件名 .屬性 ” 的方式來(lái)設(shè)置或獲取屬性，如 = 提交 。使用該屬性可以用編程方式訪問(wèn) HTML服務(wù)器控件的所有特性。例如，假設(shè)要顯示的內(nèi)容為 uHello/u， InnerText屬性不會(huì)對(duì)其中的 u屬性進(jìn)行解釋， 所以會(huì)將“ uHello/u”直接顯示出來(lái)。例如，假設(shè)要顯示的內(nèi)容為 uHello/u， InnerHtml屬性會(huì)對(duì)其中的 u屬性進(jìn)行解釋， 所以顯示出帶下劃線的 Hello文字。 10 第 1版 2． HTML控件的類型 ? HTML控件位于 名空間中，從 HtmlControl基類中直接或間接派生出來(lái)的，包含二十多個(gè) HTML控件。id屬性允許以編程方式引用該控件。 ? 在 Visual Studio 2023集成開(kāi)發(fā)環(huán)境中，從工具箱的“ HTML”選項(xiàng)中拖放一個(gè) Input(submit)按鈕控件到設(shè)計(jì)頁(yè)面上，切換到源視圖， Input(submit)的HTML源代碼標(biāo)記如下： input id=Submit1 type=submit value=submit / ? 在標(biāo)記中直接添加 runat=server，可以將 HTML控件轉(zhuǎn)化為 HTML服務(wù)器控件。 ? AJAX控件 ： 允許開(kāi)發(fā)人員在 Web應(yīng)用程序中使用 AJAX技術(shù)，而不需要編寫(xiě)大量的客戶端代碼。 7 第 1版 ? 登錄控件 ： 簡(jiǎn)化創(chuàng)建用戶登錄頁(yè)面的過(guò)程，使開(kāi)發(fā)人員更容易編寫(xiě)用戶授權(quán)和管理的程序。數(shù)據(jù)控件還包括數(shù)據(jù)源控件，如 SqlDataSource、 LinqDataSource控件等。 6 第 1版 ? 導(dǎo)航控件 ： 這些控件被設(shè)計(jì)用于顯示站點(diǎn)地圖，允許用戶從一個(gè)網(wǎng)頁(yè)導(dǎo)航到另一個(gè)網(wǎng)頁(yè)，如 Menu控件、SiteMapPath控件等。 ? 驗(yàn)證控件 ： 這些控件可以使開(kāi)發(fā)人員更容易對(duì)一些控件中的數(shù)據(jù)進(jìn)行驗(yàn)證。 Web服務(wù)器控件不僅包括窗體控件（例如按鈕和文本框），而且還包括特殊用途的控件（例如日歷、菜單和樹(shù)視圖控件）。 4 第 1版 服務(wù)器控件概述 ? ： ? HTML服務(wù)器控件 ： 提供了對(duì)標(biāo)準(zhǔn) HTML元素的類封裝，在 HTML控件中添加一個(gè)在服務(wù)器端運(yùn)行的屬性，即可以由通用的客戶端 HTML控件轉(zhuǎn)變?yōu)榉?wù)器端 HTML控件，使開(kāi)發(fā)人員可以對(duì)其進(jìn)行編程。 1 第 1版 第 5章 2 第 1版 內(nèi)容 ?服務(wù)器控件概述 ?HTML服務(wù)器控件 ?Web服務(wù)器控件 ?驗(yàn)證控件 ?用戶控件 3 第 1版 內(nèi)容提要 ? ： Web服務(wù)器端控件 、HTML 服務(wù)器端控件和用戶自定義控件 。 ? Web服務(wù)器端控件是 .NET推薦使用的控件 ， Web服務(wù)器端控件除了常用的輸入輸出控件以外 ， 還包括驗(yàn)證控件 。 5 第 1版 ? Web服務(wù)器控件 ： 比 HTML服務(wù)器控件具有更多功能。 Web服務(wù)器控件與 HTML服務(wù)器控件相比更為抽象，因?yàn)槠鋵?duì)象模型不一定反映HTML語(yǔ)法。如驗(yàn)證控件可用于對(duì)必填字段進(jìn)行檢查，對(duì)照字符的特定值或模式進(jìn)行測(cè)試，驗(yàn)證某個(gè)值是否在限定范圍之內(nèi)等。 ? 數(shù)據(jù)控件 ： 用于顯示大量數(shù)據(jù)的控件，如 GridView、ListView控件等，這些控件支持很多高級(jí)的定制功能，比如模板、允許添加、刪除、編輯等。使開(kāi)發(fā)人員能夠使用聲明的方式綁定到不同類型的數(shù)據(jù)源，簡(jiǎn)化數(shù)據(jù)綁定的過(guò)程。 ? WebParts控件 ： WebParts是 組件化的、高度可配置的 Web門戶的一套 程控件。 8 第 1版 HTML服務(wù)器控件 ? HTML服務(wù)器控件概述 ? HTML服務(wù)器控件綜合示例 9 第 1版 HTML服務(wù)器控件概述 1． HTML服務(wù)器控件的基本語(yǔ)法 ? 傳統(tǒng)的 HTML元素是不能被 ，但是通過(guò)將這些 HTML元素的功能進(jìn)行服務(wù)器端的封裝，開(kāi)發(fā)人員就可以在服務(wù)器端使用這些 HTML元素。設(shè)置為服務(wù)器控件后，源代碼標(biāo)記如下： input id=Submit1 type=submit value=submit runat=server/ ? id用來(lái)設(shè)置控件的名稱，在一個(gè)程序中各控件的 id均不相同，具有唯一性。 runat=server表示作為服務(wù)器控件運(yùn)行。 輸入控件 文本區(qū)域控件 表格控件 Image控件 選擇控件 水平線控件 Div容器控件 11 第 1版 3． HTML服務(wù)器控件的公共屬性 屬 性 說(shuō) 明 InnerHtml 獲取或設(shè)置控件的開(kāi)始標(biāo)記和結(jié)束標(biāo)記之間的內(nèi) 容，但不自動(dòng)將特殊字符轉(zhuǎn)換為等效的 HTML實(shí) 體。 InnerText 獲取或設(shè)置控件的開(kāi)始標(biāo)記和結(jié)束標(biāo)記之間的內(nèi) 容，并自動(dòng)將特殊字符轉(zhuǎn)換為等效的 HTML實(shí)體 。 12 第 1版 Value 獲取控件的值，如選擇控件、輸入控件的值 Attributes 服務(wù)器控件的所有屬性名稱和值的集合。如： [Value] = 提交 。 Disabled 獲取或設(shè)置一個(gè) True或 False值。該值指示控件在頁(yè)面上是否可見(jiàn) 13 第 1版 4． HTML服務(wù)器控件的事件 ? HTML服務(wù)器控件不僅可以添加客戶端事件代碼，而且可以添加服務(wù)器端事件代碼。 參見(jiàn)示例 \第 5章 \HTMLControlDemo\ 14 第 1版 HTML控件的常見(jiàn)客戶端事件 事 件 說(shuō) 明 onclick 當(dāng)鼠標(biāo)單擊控件時(shí)觸發(fā)該事件，如按鈕的單擊 onchange 當(dāng)內(nèi)容改變時(shí)被觸發(fā)，如文本框內(nèi)容發(fā)生變化時(shí)觸發(fā)該事件 ondbclick 當(dāng)鼠標(biāo)雙擊控件時(shí)觸發(fā)該事件 onfocus 獲得焦點(diǎn)時(shí)觸發(fā)該事件，不過(guò)控件必須能夠獲得焦點(diǎn) onkeydown 當(dāng)按下鍵盤時(shí)觸發(fā)該事件 onkeypress 當(dāng)按鍵盤時(shí)觸發(fā)該事件 onkeyup 當(dāng)放開(kāi)鍵盤時(shí)觸發(fā)該事件 onmousedown 當(dāng)鼠標(biāo)按下時(shí)觸發(fā)該事件 onmouseup 當(dāng)鼠標(biāo)放開(kāi)時(shí)觸發(fā)該事件 onmousemove 當(dāng)鼠標(biāo)在控件區(qū)域移動(dòng)時(shí)觸發(fā)該事件 onmouseover 當(dāng)鼠標(biāo)滑過(guò)控件區(qū)域時(shí)觸發(fā)該事件 onmouseout 當(dāng)鼠標(biāo)移出控件區(qū)域時(shí)觸發(fā)該事件 15 第 1版 HTML服務(wù)器控件綜合示例 【 例 42】 演示如何使用 HTML服務(wù)器端控件制作一個(gè)圖 片瀏覽器。 ? 方法 1：從工具箱中添加控件。 ? 方法 3：以編程方式動(dòng)態(tài)創(chuàng)建 Web服務(wù)器控件。例如：定義控件的 AccessKey屬性為 A， 則表示訪問(wèn)該控件的快捷鍵為 Ctrl+A TabIndex 設(shè)置網(wǎng)頁(yè)中各控件的 Tab鍵順序，用戶敲擊 Tab鍵即可按設(shè)置 順序在控件中移動(dòng)焦點(diǎn)。該屬性只能在編程時(shí)指定。如 ， 表示是否加粗顯示 ForeColor 控件上文本的顏色 Height 控件的高度，以像素點(diǎn)為單位 Width 控件的寬度，以像素點(diǎn)為單位 ToolTip 設(shè)置當(dāng)鼠標(biāo)指針懸浮停在 Web服務(wù)器控件上時(shí)顯示的文本 Visible 控件是否可見(jiàn) 20 第 1版 控件屬性的設(shè)置有兩種方法： ? 方法 1：設(shè)計(jì)時(shí)通過(guò)屬性窗設(shè)置控件的屬性。 21 第 1版 3． Web服務(wù)器控件的客戶端事件 向 3種方法： ? 方法 1：以聲明方式向 戶端事件處理程序 ?在源視圖中，為控件直接添加事件屬性。針對(duì)不同屬性添加要執(zhí)行的客戶端腳本。 參見(jiàn)示例 \第 5章 \WebControlDemo\ 22 第 1版 ? 方法 2：以編程方式向 事件處理程序。 ?【 例 44】 演示如何動(dòng)態(tài)地向 TextBox控件添加客戶端腳本。 參見(jiàn)示例 \第 5章 \WebControlDemo\ 23 第 1版 ? 方法 3：向按鈕控件添加客戶端 Onclick事件。 ?【 例 45】 演示如何向 Button控件添加客戶端 Click事件。 Button、 ImageButton控件具有該事件 TextChanged 當(dāng) Web服務(wù)器控件上的文本發(fā)生變化時(shí)會(huì)觸發(fā)該事 件。 CheckBox、 RadioButton控件具有該事件 SelectedIndexChanged 當(dāng) Web服務(wù)器控件的列表選項(xiàng)發(fā)生變化時(shí)會(huì)觸發(fā)該 事件。 ? 方法 1：設(shè)計(jì)時(shí)在屬性窗中添加事件處理。 例如： protected void Button1_Click(object sender, EventArgs e) { } 然后，將該方法和控件的單擊事件關(guān)聯(lián)，代碼如下： += new EventHandler(Button1_Click)。 ? 聲明 Label的語(yǔ)法格式： asp:Label ID=控件名 runat=server“ Text=文本 /asp:Label ? Label控件只能用來(lái)顯示文