十天學會ASP.net之第三天
學習目的：掌握WEB控制元件的使用(一)
或許你會問，為什麼需要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>
今天就說這三個控制元件，明天繼續。