十天學會ASP.net之第三天

　　或許你會問，為什麼需要WEB控制項？WEB控間就好像VB裡面的控間，可以在程式的任何地方引用，修改所有屬性，有了它的配合才能完成代碼分離。想一下，如果還是以前的HTML控間，我們當我們需要在某一個地方顯示一段資料庫的內容是不是只有用＜%= %＞這樣勢必在HTML包含了程式的代碼塊，就達不到分離代碼和介面的目的了。

　　或許你還會問，為什麼要代碼分離那？原因很簡單，不是每一個程式員都是合格的網頁設計師，如果我們需要修改代碼的時候會破壞網頁設計師原來的設定，是不是不方便那，程式碼和HTML代碼混合在一起對於程式員來說也不方便修改代碼。當然，我們的網頁設計師也需要學習一點WEB控間的知識。

　　下面來一個一個介紹：

　　一、Label控制項：

　　主要屬性：

　　Text 標籤所顯示的文本

　　範例：＜asp:Label id="lblMessage" Text="aaa" runat="server"/＞

　　需要注意的是我們不能遺漏runat="server"字樣，還有所有的WEB控制項都要包含在＜form runat="server"＞＜/form＞中間

　　下面看一個完整的例子，在程式裡面修改Label的Text屬性，以此改變網頁的顯示。　　

　　＜script runat="server" language="c#"＞
　　void Page_Load()
　　{
　　lblMessage.Text="Hello World!";
　　}
　　＜/script＞
　　＜html＞
　　＜head＞＜title＞Label.aspx＜/title＞＜/head＞
　　＜body＞
　　＜form runat="server"＞
　　＜asp:Label id="lblMessage" runat="server"/＞
　　＜/form＞
　　＜/body＞
　　＜/html＞
　＜script runat="server" language="vb"＞
　　sub Page_Load
　　lblMessage.Text="Hello World!"
　　end sub
　　＜/script＞
　　＜html＞
　　＜head＞＜title＞Label.aspx＜/title＞＜/head＞
　　＜body＞
　　＜form runat="server"＞
　　＜asp:Label id="lblMessage" runat="server"/＞
　　＜/form＞
　　＜/body＞
　　＜/html＞ 　　

　　二、TextBox控制項：

　　主要屬性：

　　Text 控制項顯示的文本；

　　MaxLength 文字框可以添加的最多的字元數（多行文字框無效）；

　　ReadOnly 唯讀；

　　TextMode 有下面幾個有效值 MultiLine,Password,SingleLine；

　　Rows 指定文字框的垂直尺寸　　

　　三、Button控制項：

　　有三種：Button 標準的表單按鈕；ImageButton 顯示映像的表單按鈕；LinkButton 顯示作為超連結樣子Button

　　Button基本上就是Text屬性來設定按鈕上面的文字；

　　ImageButton基本上就是ImageUrl來設定按鈕象的地址；AlternativeText 在瀏覽器不支援圖片的時候顯示的文字；

　　LinkButton基本上就是Text屬性來設定按鈕上的文字；

　　他們三者共同的屬性就是CausesValidation=true/false來設定按鈕提交的表單是不是被檢驗（後面將說到檢驗控制項）

　　他們三者共同的方法就是OnClick就是點擊按鈕的時候觸發的函數，下面舉一個例子：　　

　　＜script runat="server" language="c#"＞
　　void btnCounter_OnClick(object sender,EventArgs e)
　　{
　　btnCounter.Text="Clicked";
　　}
　　＜/script＞
　　＜html＞
　　＜head＞＜title＞Label.aspx＜/title＞＜/head＞
　　＜body＞
　　＜form runat="server"＞
　　＜asp:Button Text="UnClicked" OnClick="btnCounter_OnClick" id="btnCounter" runat="server"/＞
　　＜/form＞
　　＜/body＞
　　＜/html＞
　　＜script runat="server" language="vb"＞
　　sub btn_COunter_OnClick(s as object,e as eventargs)
　　btnCounter.Text="Clicked"
　　end sub
　　＜/script＞
　　＜html＞
　　＜head＞＜title＞Label.aspx＜/title＞＜/head＞
　　＜body＞
　　＜form runat="server"＞
　　＜asp:Button Text="UnClicked" OnClick="btnCounter_OnClick" id="btnCounter" runat="server"/＞
　　＜/form＞
　　＜/body＞
　　＜/html＞