【正文】 體大小 20pt FontStyle 斜體 Italic(斜體 )或 Normal(一般 ) FontWeight 粗體 Bold(粗體 )或 Normal(一般 ) TextDecoration 效果 Underline(底線 )、 Strikethrough(穿越線 )、 Overline(頂線 )或是 None(無 ) TextTransform 轉(zhuǎn)大小寫 Uppercase(全轉(zhuǎn)大寫 )、 Lowercase(全轉(zhuǎn)小寫 )、 Initial Cap(前綴大寫 )或是 None(無 ) 25 第 5章 HTML控件和 Web服務(wù)器控件 Style屬性 例 []：通過程序來控制 Anchor1控件的 Style屬性： public class WebForm1 : { private void Page_Load(object sender, e) { // 在此處放置用戶代碼以初始化頁面 //指定超級鏈接的屬性 [color]= 008000。 19 第 5章 HTML控件和 Web服務(wù)器控件 HTML控件架構(gòu) HTML控件的執(zhí)行過程： 轉(zhuǎn)換成 HTML標(biāo)注 ASPX文件 檢查標(biāo)注是否有 runat=“ server” 字串流 加載器 公共類庫 HTML控制項(xiàng) 執(zhí)行 是 否 20 第 5章 HTML控件和 Web服務(wù)器控件 HTML控件架構(gòu) 所有的 Html控件位于 命名空間中，是從 HtmlControl基類中直接或間接 派生出來的。 當(dāng)程序在執(zhí)行時(shí)解析到有指定 Runat=Server 屬性的標(biāo)注時(shí) ， Page 對象會將該控件從 .NET 共享類別庫加載并列入控制架構(gòu)中 ， 表示這個控件可以被程序所控制 。如果標(biāo)注沒有設(shè)定這個屬性 ， 那么該標(biāo)注就會被視為字符串 ，并被送到字符串流等待送到客戶端的瀏覽器進(jìn)行解譯 。 HTML控件對事件的支持，以事件觸發(fā)方式來編寫程序，使得網(wǎng)頁編程變得更加簡單。設(shè)定本屬性表示發(fā)生 OnServerClick 事件時(shí)要執(zhí)行哪個事件程序，我們將屬性值填入 Button1_Click 則表示當(dāng)使用者按下按鈕時(shí)，便會執(zhí)行 Button1_Click 這個事件程序。 } /Script /html 16 第 5章 HTML控件和 Web服務(wù)器控件 HTML 控件對事件的支持（續(xù) 2） 在 Button1 的 Button 控件，除指定 Runat 屬性值為Server 外還指定了 OnServerClick 屬性為Button1_Click 。 了解 HTML 控件可以直接被程序所控制后，我們再來了解 HTML 控件對事件的支持： 14 第 5章 HTML控件和 Web服務(wù)器控件 HTML 控件對事件的支持（示例） !— html Form Runat=Server Button Id=Button1Runat=ServerOnServerClick=Button1_Click 改變字體 /ButtonBR；成了對象（控件）。 在 HTML標(biāo)記變?yōu)?HTML控件 13 第 5章 HTML控件和 Web服務(wù)器控件 HTML 控件對事件的支持： 我們知道網(wǎng)頁在被加載時(shí)會先觸發(fā) Page_Load事件，此時(shí)我們就可以利用這個事件進(jìn)行對象的初值化，以及從數(shù)據(jù)庫抓數(shù)據(jù)回來等工作，所以我們在 Page_Load 事件程序中利用程序指定超級鏈接控件 Anchor1 的 HRef 屬性。 ID 屬性表示程序是以本屬性來控制對象的，所以任何對象的名稱不可重復(fù)，不管它們是否為同一種類。 為了要解決這種雜亂無章的程序?qū)懽黠L(fēng)格 ， 便將 HTML標(biāo)記對象化而產(chǎn)生出 HTML 控件 。 將 HTML標(biāo)記對象化的好處 ， 我們觀察以下程序便了解： 8 第 5章 HTML控件和 Web服務(wù)器控件 HTML控件（例 1） 9 第 5章 HTML控件和 Web服務(wù)器控件 HTML控件（例 2） 10 第 5章 HTML控件和 Web服務(wù)器控件 HTML控件（例 2注釋） ASP 網(wǎng)頁設(shè)計(jì)師沒有辦法直接利用程控對象 ，所以必需在標(biāo)記后面插入一些 ASP 程序代碼 。 7 第 5章 HTML控件和 Web服務(wù)器控件 5. 1 HTML控件 HTML控件由 HTML標(biāo)記衍生而來 ， HTML控件在外形上與普通的 HTML標(biāo)記很相似 ， 幾乎所有的 HTML標(biāo)記加上 runat=“ Server” 這個Server控件的標(biāo)識屬性后 ， 都可以變成 HTML控件 。但是標(biāo)準(zhǔn)的 HTML標(biāo)記并沒有辦法利用程序直接來控制它們的屬性、使用方法和接收事件，程序員必須另外學(xué)習(xí)其它如 JavaScript 等程序語言才得以控制這些 HTML標(biāo)記。 只有主動事件才會在服務(wù)器上進(jìn)行處理 ， 因?yàn)楸粍邮录?， 無法將其所有的數(shù)據(jù)發(fā)送給服務(wù)器 ， 不過可以通過客戶端腳本來處理它們 。 主動事件要求用戶進(jìn)行明確的操作 ， 即用戶必須進(jìn)行有意識的操作 ， 包括單擊按鈕或鏈接 、 填寫文本框等 。 所有這些都要由服務(wù)器進(jìn)行處理 ， 每當(dāng)事件發(fā)生時(shí) ， 客戶都要向服務(wù)器發(fā)送信息 。 4 第 5章 HTML控件和 Web服務(wù)器控件 服務(wù)器控件事件 服務(wù)器能引發(fā)多種事件 。 所有服務(wù)器控件都有屬性 、 方法和事件 。 用戶控件是自定義的控件 ，用于實(shí)現(xiàn)某些功能 。 Web控件與此類似 ， 但提供了更多的功能 ， 可以提供更復(fù)雜的用戶界面 。 第 5章 HTML控件和 Web服務(wù)器控件 河南城建學(xué)院計(jì)算機(jī)科學(xué)與工程系 1 第 5章 HTML控件和 Web服務(wù)器控件 內(nèi)容 本章主要介紹了 的 HTML控件和 Web 服務(wù)器控件 ,詳細(xì)介紹了各控件的基本屬性及使用方法 . 2 第 5章 HTML控件和 Web服務(wù)器控件 ASP． NET的四種 服務(wù)器控件 服務(wù)器控件是 W e b表單的用戶界面元素 。ASP． NET有四種服務(wù)器控件： HTML控件 Web服務(wù)器 控件 有效性驗(yàn)證控件 用戶控件 3 第 5章 HTML控件和 Web服務(wù)器控件 服務(wù)器控件： HTML控件 代表常規(guī)的 HTML表單元素 ， 如文本框和按鈕 ， 但它們是在服務(wù)器上創(chuàng)建的 ， 您可以在服務(wù)器上控制它們 。 有效性驗(yàn)證控件用于驗(yàn)證用戶的輸入 。 有效性驗(yàn)證控件將在第 6章介紹 。 它們提供的功能比傳統(tǒng) HTML表單元素多 ， 使開發(fā)人員創(chuàng)建用戶界面更容易 。 換句話說 ， 用戶可以對服務(wù)器控件執(zhí)行許多操作：單擊按鈕 、 單擊連接 、填寫文本框 、 選擇列表框中的條目 ， 等等 。 5 第 5章 HTML控件和 Web服務(wù)器控件 服務(wù)器控件事件的主動與被動事件 注意：將被動用戶事件與主動事件區(qū)別開來很重要 。 被動事件是用戶無意中執(zhí)行的操作 ， 例如鼠標(biāo)在圖像上移動 。 6 第 5章 HTML控件和 Web服務(wù)器控件 5. 1 HTML控件 以前我們介紹過一些基本的 HTML標(biāo)記，這些HTML標(biāo)記在以往的靜態(tài)網(wǎng)頁或 ASP 動態(tài)網(wǎng)頁里即可滿足我們的需求。 為動態(tài)網(wǎng)頁程序設(shè)計(jì)帶來了許多新的技術(shù)，這些技術(shù)其中之一就是將所有的 HTML標(biāo)記對象化，讓程序可以直接控制；對象化之后的 HTML標(biāo)記我們稱為 HTML控件。 我們可以使用如 或 C 等語言來撰寫控制 HTML 控件的程序 ， 把 HTML標(biāo)記對象化 ， 可以讓網(wǎng)頁對象的互動 、 程序的寫作及維護(hù)變的更輕松容易 ， 也讓執(zhí)行的效率明顯的改善不少 。 這就是為什么以前的 ASP 程序代碼非常雜亂 ， 常常會看到標(biāo)記中插入許多敘述的程序 ， 這樣會導(dǎo)致程序代碼在維護(hù)以及閱讀上的困難 。 HTML 控件可以讓程序直接控制并設(shè)定其屬性 ， 如下范例所示： 11 第 5章 HTML控件和 Web服務(wù)器控件 HTML控件（例 3） 12 第 5章 HTML控件和 Web服務(wù)器控件 HTML控件（例 3注釋） HTML 控件比 HTML標(biāo)記 多了 ID 以及 Runat 這兩種屬性。而 Runat 屬性表示這個對象是在 Server 端執(zhí)行，所有的 HTML 控件都必須加上這個屬性設(shè)定值；倘若該對象在程序執(zhí)行時(shí)不需要被程控，則可以忽略ID 屬性的設(shè)定。這樣一來程序代碼和HTML 控件分開，程序的架構(gòu)就不會顯的雜亂無章而不好管理。 /Form Span Id=Sp1“ Runat=Server原來的字體 /Span (接