Ch06 建立WEB表單網頁程式設計.

Ch06 建立WEB表單網頁程式設計

大綱本章內容包含課本6-1, 6-2及第7章 Web表單 Web控制項的基礎資料輸入輸出控制項選擇控制項清單控制項按鈕控制項

網頁表單的用途 ASP.NET程式是伺服端網頁技術，換句話說，客戶端網頁只負責取得使用者輸入的資料，資料都是送到伺服端來進行處理。網頁表單就是ASP.NET程式的資料輸入介面，如同Windows對話方塊，它是使用者與後端程式的溝通橋樑，如下圖所示：

伺服端控制項的Web表單處理 ASP.NET的Web表單是結合HTML/XHTML、程式碼和伺服端控制項，一種完全在Web伺服器執行的表單，如下圖所示：

Web表單的程式架構-說明 ASP.NET的Web表單可以建立跨平台和跨瀏覽程式Web應用程式的輸入介面，其使用的技術如同在VB、JBuilder等視覺化開發工具建立Windows應用程式的「GUI」（Graphics UserInterface）介面。 Web表單程式架構是一種事件驅動程式設計模型（Event-driven Programming Model），它是使用伺服端控制項建立Web表單的使用介面。當產生事件時，ASP.NET程式以對應的事件處理程序來處理事件。

Web表單的程式架構-架構1 <%@ Page Language="VB" %> <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <script runat="server"> Protected Sub Button1_Click(ByVal sender As _ Object, ByVal e As System.EventArgs) Label1.Text = "按下Button控制項<br/>" End Sub </script>

Web表單的程式架構-架構2 <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server"> <title>未命名頁面</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /></div> </form> </body> </html>

Web表單的程式架構-架構說明第一部分：<script>標籤的事件處理程序或函數，以此例是Button1_Click()事件處理程序。第二部分：<form Runat="server">標籤建立Web表單，內含Form表單標籤和伺服端控制項（Server Controls），以此例擁有Label和Button控制項。

Head標頭標籤在ASP.NET 2.0版的<head>標籤，可以改為<head Runat="server">的HtmlHead控制項物件，如下所示： <head Runat="server"> …… </head> 上述Head標頭標籤可以建立HtmlHead物件。ASP.NET程式可以指定HtmlTitle物件的標題文字（即<title>標籤），如下所示： Sub Page_Load(Sender As Object, _ E As Eventargs) Page.Header.Title = "Ch6-2-1.aspx" End Sub

Form表單標籤-說明 Web表單的伺服端控制項是置於<form Runat="server">的HTML控制項之間，它就是HtmlForm控制項物件，如下所示： <form Runat="server"> ……… </form> 上述Web表單和HTML/XHTML表單差異只在Runat屬性，此屬性將HTML/XHTML表單轉換成ASP.NET的Web表單。

Form表單標籤-屬性 Id屬性：Web表單的識別名稱。
Method屬性：控制項值的送出方式，值只能是post或get，其預設是post方法。 Action屬性：指定Web表單處理的ASP.NET程式，預設是自已，如果是其他ASP.NET程式，其值是程式的URL網址。

伺服端控制項-說明 Web表單是由伺服端控制項（Server Controls）組成，它是一種伺服端可程式化物件。
ASP.NET程式可以使用HTML或Web控制項來建立表單使用介面。

伺服端控制項-HTML控制項(說明) HTML控制項是.NET Framework物件，這些控制項都擁有對應的HTML/XHTML標籤，如下所示： <input type="TEXT" Id="Name" size ="20" Runat="server"> 上述標籤和HTML/XHTML標籤並沒有什麼不同，其差異只在新增Runat和Id兩個屬性。

伺服端控制項-HTML控制項(種類)

伺服端控制項-Web控制項(說明) Web控制項是一組和HTML/XHTML標籤完全無關的控制項，其語法是使用XML標籤寫法，如下所示：
<asp:TextBox Id="name" Width="200px" Runat="server"/> 上述Web控制項是使用asp字頭的XML標籤，在「:」符號後是控制項種類，以此例是TextBox控制項，Id屬性為控制項名稱，同樣需要Runat屬性值server，指明是位在伺服端處理。

伺服端控制項-Web控制項(種類)

Page物件與控制項的事件-說明當在瀏覽程式載入ASP.NET程式，或使用者在Web表單按下或選擇控制項等操作時，就會造成控制項的狀態改變，進而觸發事件；當事件產生時，可以建立事件處理程序來處理此事件。

Page物件與控制項的事件-控制項事件在Web表單的伺服端控制項都提供有相關事件。例如：按一下Button控制項button1時，就會觸發Click事件，其事件處理程序，如下所示： Protected Sub Button1_Click(ByVal sender As _ Object, ByVal e As System.EventArgs) Label1.Text = "按下Button控制項<br/>" End Sub

Page物件與控制項的事件-Page物件的事件
當伺服端執行和編譯ASP.NET程式，每一頁ASP.NET程式的網頁就是一個Page物件，它會觸發一系列Page物件的事件。Page物件的常用事件，如下表所示：

Web控制項的基礎-說明 Web控制項是一組比HTML控制項功能更強大的控制項，不僅可以建立Web表單，它還包括資料顯示的相關控制項，其語法是使用XML標籤的寫法，如下所示： <asp:TextBox id="name" Width="200px" runat="Server"/> Web控制項使用asp字頭的XML標籤，「:」符號後是控制項種類，以此例是TextBox控制項，id屬性為控制項名稱，同樣需要runat屬性值Server，指明是位在伺服端處理。

HTML控制項與WEB控制項的對照 HTML控制項 WEB <input type=“TEXT” id=“Name”
runat=“Server”> WEB <asp:TextBox id=“Name” runat=“Server”/>

Web控制項的基礎-種類

Web控制項的基礎-屬性

Label標籤控制項-說明 Label標籤控制項的目的是在網頁顯示文字內容，它會轉換成HTML的<span>標籤，一個Label標籤控制項的範例，如下所示： <asp:Label id="Name" Width="200px" BorderStyle="solid" BorderColor="#ccccff" runat="Server"/>

Label標籤控制項-屬性

範例1  <%@ Page Language="VB" %>
<html> <head> <title>Label標籤控制項</title> <script language="VB" runat="Server"> Sub Page_Load(Sender As Object, e As Eventargs) Name.Text = "ASP.NET網頁設計範例教本" End Sub </script> </head> <body> <h2>Label標籤控制項</h2> <hr> <asp:Label id="Name" Width="200px" BorderStyle="solid" BorderColor="#ccccff" runat="Server"/> </body> </html>

資料輸入控制項-建立 Web資料輸入控制項就是TextBox控制項，相當於HTML/XHTML表單標籤或控制項的文字方塊、密碼欄位和文字區域。在VWD設計檢視建立的Web表單，如下圖所示：

資料輸入控制項-標籤 TextBox控制項標籤，如下所示：
<asp:TextBox Id="name" Width="200px" Runat="server"/><br/> <asp:TextBox Id="pass" Width="200px" TextMode="Password" Runat="server"/><br/> <asp:TextBox Id="address" Width="200px" TextMode="Multiline" Rows="3" Runat="server"/> 上述標籤建立3個TextBox控制項，TextMode屬性指定欄位種類為密碼欄位（Password）或文字區域（Multiline）。

資料輸入控制項-標籤屬性

資料輸入控制項-存取欄位值在ASP.NET程式取得TextBox控制項的欄位值，就是使用Text屬性，如下所示： name.Text
pass.Text address.Text

範例2 <form runat="Server">
姓名: <asp:TextBox id="name" Width="200px" runat="Server"/><br/> 密碼: <asp:TextBox id="pass" Width="200px" TextMode="Password" runat="Server"/><br/> 地址: <asp:TextBox id="address" Width="200px" TextMode="Multiline" Rows="3" runat="Server"/> <asp:Button id="Button" Text="送出" OnClick="button_Click" Runat="Server"/> </form> <asp:Label id=“msg" ForeColor=“red” runat="Server"/> <script language="VB" runat="Server"> Sub button_Click(Sender As Object, e As Eventargs) ' 顯示欄位值 msg.Text = "姓名: " & name.Text & “<br/>” msg.Text &= "密碼: " & pass.Text & “<br/>” msg.Text &= "地址: " & address.Text & “<br/>” End Sub

練習1 修改範例2的程式，使得按下〔送出〕的按鈕時，會判斷輸入密碼是不是１２３，不對時，會出現錯誤訊息 Ex06_01.aspx

Web表單的顯示狀態-說明 ASP.NET的「顯示狀態」（ViewState）可以保留伺服端控制項的狀態，也就是每次執行HTTP請求時，保留使用者輸入的值。例如：在Web表單TextBox控制項輸入值，不論表單送回多少次，除非更改控制項的值，顯示狀態都能夠自動保留欄位值。

Web表單的顯示狀態 ASP.NET顯示狀態是使用隱藏欄位儲存狀態資料，如下圖所示：

Web表單的顯示狀態請在瀏覽程式執行「檢視」→「原始檔」指令檢視原始程式碼，可以在表單標籤<form>看到<input type="hidden">標籤的隱藏欄位，如下圖所示：

CheckBox核取方塊控制項-建立 CheckBox核取方塊控制項是一個複選題，可以建立一組切換開關。在VWD設計檢視建立的Web表單，從左至右依序是3個CheckBox控制項，可以用來勾選多個選項，預設勾選使用電話，如下圖所示：

CheckBox核取方塊控制項-標籤 CheckBox控制項標籤，如下所示：
<asp:CheckBox Id="Tel" Text="使用電話" Checked="True" Runat="server"/> <asp:CheckBox Id=" " Text="使用電子郵件" Runat="server"/> <asp:CheckBox Id="Fax" Text="使用傳真" 上述標籤建立名為Tel、和Fax的3個CheckBox控制項。

CheckBox核取方塊控制項-標籤屬性

CheckBox核取方塊控制項-存取欄位值
在ASP.NET程式是使用If條件敘述來檢查Checked屬性，以便知道是否有勾選核取方塊，如下所示： If Tel.Checked Then str &= "使用電話來確認<br/>" End If

範例3 Sub Page_Load(Sender As Object, e As Eventargs) Tel.Checked = True
End Sub Sub button_Click(Sender As Object, e As Eventargs) Dim str As String = "確認方式: " If Tel.Checked Then str &= "使用電話來確認<br>" End If If .Checked Then str &= "使用電子郵件來確認<br>" If Fax.Checked Then str &= "使用傳真來確認<br>" msg.Text = str <form runat="Server"> <b>訂單確認的方式</b><br> <asp:CheckBox id="Tel" Text="使用電話" runat="Server"/> <asp:CheckBox id=" " Text="使用電子郵件" runat="Server"/> <asp:CheckBox id="Fax" Text="使用傳真" runat="Server"/><br/> <asp:button id="Button" Text="送出" OnClick="button_Click" runat="Server"/><br/> </form> <asp:Label id=“msg" font-size="10pt" ForeColor=“red” runat="Server"/>

RadioButton選擇鈕控制項-建立
RadioButton選擇鈕控制項是一個單選題，提供一組選項，只能選擇其中之一。在VWD設計檢視建立的Web表單，從左至右依序是3個RadioButton控制項，這是一組選項，可以用來選擇付款方式，預選信用卡，如下圖所示：

RadioButton選擇鈕控制項-標籤
<asp:RadioButton Id="Card" Text="信用卡“ Checked="True" GroupName="Payment“ Runat="server"/> <asp:RadioButton Id="Tele" Text="劃撥" GroupName="Payment“ Runat="server"/> <asp:RadioButton Id="Cash" Text="到貨付款" GroupName="Payment" Runat="server"/> 上述標籤的GroupName屬性值都是Payment，表示是一組RadioButton控制項。

RadioButton選擇鈕控制項-存取欄位值
在ASP.NET程式是使用If ElseIf多條件敘述來檢查Checked屬性，以便知道使用者是否選取指定選擇鈕，如下所示： If Card.Checked Then msg.Text = Card.Text & "<br/>" Else If Tele.Checked Then msg.Text = Tele.Text & "<br/>" Else If Cash.Checked Then msg.Text = Cash.Text & "<br/>" End If

範例4 Sub Page_Load(Sender As Object, e As Eventargs)
Card.Checked = True End Sub Sub button_Click(Sender As Object, e As Eventargs) If Card.Checked Then msg.Text = Card.Text & "<br/>" Else If Tele.Checked Then msg.Text = Tele.Text & "<br/>" Else If Cash.Checked Then msg.Text = Cash.Text & "<br/>" End If <form runat="Server"> <b>訂單的付款方式</b><br/> <asp:RadioButton id="Card" Text="信用卡" Checked="True" GroupName="Payment" runat="server"/> <asp:RadioButton id="Tele" Text="劃撥" GroupName="Payment" runat="server"/> <asp:RadioButton id="Cash" Text="到貨付款" GroupName="Payment" runat="server"/><br> <asp:button id="Button" Text="送出" OnClick="button_Click" runat="Server"/><br/> </form> <asp:Label id=“msg" font-bold="true" foreColor=“red” runat="Server"/>

清單控制項 DropDownList下拉式選單控制項 ListBox清單方塊控制項 CheckBoxList核取方塊清單控制項
RadioButtonList選擇鈕清單控制項

清單控制項-屬性 Web控制項有四種清單選擇功能的控制項：DropDownList、ListBox、CheckBoxList和RadioButtonList控制項。控制項都支援的屬性，如下表所示：

清單控制項-在VWD新增清單的ListItem控制項1
在VWD的【設計】標籤新增DropDownList、ListBox、CheckBoxList和RadioButtonList控制項後，都是顯示未繫結和沒有選項的控制項，即沒有項目ListItem控制項，如下圖所示：

請選取清單控制項，按一下上方箭頭圖示顯示「DropDownList工作」功能表，然後請按一下【編輯項目】超連結來新增ListItem控制項的項目，可以看到「ListItem集合編輯器」視窗。

請重複按【加入】鈕，即可新增清單所需的ListItem控制項，一個選項是一個ListItem控制項。其相關屬性說明，如下表所示：

DropDownList下拉式選單控制項-建立
DropDownList下拉式選單控制項是一個單選題，相當於單選HTML/XHTML標籤<select>的下拉式選單。在VWD設計檢視建立的Web表單，如下圖所示：

DropDownList下拉式選單控制項-屬性
ListItem控制項相關屬性，如下表所示：

DropDownList下拉式選單控制項-標籤
<asp:DropDownList Id="Shipment" Width="100px" Runat="server"> <asp:ListItem Text="郵寄" Value="Mail"/> <asp:ListItem Text="快遞" Value="UPS"/> <asp:ListItem Text="自取" Value="Self"/> </asp:DropDownList> 上述標籤建立DropDownList控制項，ListItem控制項建立每一個選項。

DropDownList下拉式選單控制項-使用
在DropDownList控制項可以檢查SelectedIndex屬性值是否為-1，以確定使用者是否選取，如下： If Shipment.SelectedIndex > - 1 Then ……… End If 如果使用者已經選取，接著使用SelectedItem屬性取得ListItem物件，以Text和Value屬性取得選項名稱和值，如下所示： Shipment.SelectedItem.Text Shipment.SelectedItem.Value

範例5 Sub button_Click(Sender As Object, e As Eventargs)
If Shipment.SelectedIndex > - 1 Then show.Text = Shipment.SelectedItem.Text & _ Shipment.SelectedItem.Value End If End Sub <form runat="Server"> <b>訂單的寄送方式</b><br> <asp:DropDownList id="Shipment" Width="100px" runat="Server"> <asp:ListItem Text="郵寄" Value="Mail"/> <asp:ListItem Text="快遞" Value="UPS"/> <asp:ListItem Text="自取" Value="Self"/> </asp:DropDownList> <asp:button id="Button" Text="送出" OnClick="button_Click" runat="Server"/> </form> <asp:Label id="show" font-bold="true" runat="Server"/><br>

ListBox清單方塊控制項-建立 ListBox清單方塊控制項可以是單選或複選題，其顯示方式如同複選HTML/XHTML標籤<select>的清單方塊。在VWD設計檢視建立的Web表單，如下圖所示：

ListBox清單方塊控制項-屬性

ListBox清單方塊控制項-說明 ListBox清單方塊控制項可以設定成單選或複選，顯示方式如同複選的HtmlSelect控制項，如下：
<asp:ListBox id="Gifts" SelectionMode="Multiple" runat="Server"> <asp:ListItem Text="滑鼠" Value="1" Selected="True"/> <asp:ListItem Text="鍵盤" Value="2"/> <asp:ListItem Text="喇叭" Value="3"/> <asp:ListItem Text="麥克風" Value="4"/> </asp:ListBox> 標籤建立名為Gifts的ListBox控制項，因為SelectionMode屬性值是Multiple，所以為多選。

ListBox清單方塊控制項-使用如果是單選的ListBox控制項，其取得選取選項的方式和DropDownList控制項相同。複選需要使用For Next迴圈取得選取的選項，如下： For i = 0 to Gifts.Items.Count-1 If Gifts.Items(i).Selected Then str = str & Gifts.Items(i).Text & "<br>" End If Next i Items屬性取得所有選項的集合物件，Count屬性取得選項數，Gifts.Items(i).Selected檢查選項是否選取，Text或Value屬性取得選項名稱和值。

Dim str As String = "" Dim i As Integer ' 取得所有的選項 For i = 0 to Gifts.Items.Count-1 If Gifts.Items(i).Selected Then str = str & Gifts.Items(i).Text & "<br/>" End If Next i msg.Text = str End Sub <form runat="Server"> <b>選擇免費的禮物(多選)</b><br/> <asp:ListBox id="Gifts" SelectionMode="Multiple" runat="Server"> <asp:ListItem Text="滑鼠" Value="1" Selected="True"/> <asp:ListItem Text="鍵盤" Value="2"/> <asp:ListItem Text="喇叭" Value="3"/> <asp:ListItem Text="麥克風" Value="4"/> </asp:ListBox> <asp:button id="Button" Text="送出" OnClick="button_Click" runat="Server"/> </form> <asp:Label id=“msg" font-bold="true" runat="Server"/><br/>

CheckBoxList核取方塊清單控制項-建立
CheckBoxList核取方塊清單控制項是一組CheckBox控制項，它是複選的控制項，簡單的說，就是建立一個隱藏面版來編排CheckBox控制項。在VWD設計檢視建立的Web表單，如下圖所示：

CheckBoxList核取方塊清單控制項-標籤屬性

CheckBoxList核取方塊清單控制項-說明
CheckBoxList核取方塊清單控制項是一組CheckBox控制項，這是一個複選的控制項，提供屬性能夠輕鬆編排多個CheckBox控制項，如下所示： <asp:CheckBoxList id="Gifts" RepeatDirection="Horizontal" runat="Server"> <asp:ListItem Text="滑鼠" Value="1" Selected="True"/> <asp:ListItem Text="鍵盤" Value="2"/> <asp:ListItem Text="喇叭" Value="3"/> <asp:ListItem Text="麥克風" Value="4"/> </asp:CheckBoxList>

Dim str As String = "" Dim i As Integer ' 取得所有的選項 For i = 0 to Gifts.Items.Count-1 If Gifts.Items(i).Selected Then str = str & Gifts.Items(i).Text & _ "(" & Gifts.Items(i).Value & ")<br/>" End If Next i msg.Text = str End Sub <form runat="Server"> <b>選擇免費的禮物(多選)</b><br/> <asp:CheckBoxList id="Gifts" RepeatDirection="Horizontal" runat="Server"> <asp:ListItem Text="滑鼠" Value="1" Selected="True"/> <asp:ListItem Text="鍵盤" Value="2"/> <asp:ListItem Text="喇叭" Value="3"/> <asp:ListItem Text="麥克風" Value="4"/> </asp:CheckBoxList> <asp:button id="Button" Text="送出" OnClick="button_Click" runat="Server"/> </form> <asp:Label id=“msg" font-bold="true" runat="Server"/><br/>

RadioButtonList選擇鈕清單控制項-建立
RadioButtonList選擇鈕清單控制項是一組RadioButton控制項，屬於單選控制項，簡單的說，它就是提供面版來編排多個RadioButton控制項。在VWD設計檢視建立的Web表單，如下圖所示：

RadioButtonList選擇鈕清單控制項-標籤
RadioButtonList控制項是一組RadioButton控制項，可以選擇付款方式，其控制項標籤如下所示： <asp:RadioButtonList Id="Payment" RepeatDirection="Horizontal" Runat="server"> <asp:ListItem Text="信用卡" Value="1" Selected="True"/> <asp:ListItem Text="劃撥" Value="2"/> <asp:ListItem Text="喇叭" Value="3"/> <asp:ListItem Text="到貨付款" Value="4"/> </asp:RadioButtonList>

If Payment.SelectedIndex > - 1 Then show.Text = Payment.SelectedItem.Text & _ "(" & Payment.SelectedItem.Value & ")" End If End Sub <form runat="Server"> <b>訂單的付款方式</b><br> <asp:RadioButtonList id="Payment" RepeatDirection="Horizontal" runat="Server"> <asp:ListItem Text="信用卡" Value="1" Selected="True"/> <asp:ListItem Text="劃撥" Value="2"/> <asp:ListItem Text="喇叭" Value="3"/> <asp:ListItem Text="到貨付款" Value="4"/> </asp:RadioButtonList> <asp:button id="Button" Text="送出" OnClick="button_Click" runat="Server"/> </form> <asp:Label id="show" font-bold="true" runat="Server"/><br>

Button按鈕控制項-說明 Button按鈕控制項的功能如同HtmlButton和HtmlInputButton控制項，如下所示：
<asp:Button id="Button" Text="送出" OnClick="button_Click" runat="Server"/>

Button按鈕控制項-屬性與事件

LinkButton超連結按鈕控制項 LinkButton超連結按鈕控制項的功能如同Button控制項，只是顯示的外觀是超連結文字，如下所示： <asp:LinkButton id="Button" Text="送出" OnClick="button_Click" runat="Server"/> 標籤建立名為Button1的LinkButton控制項，其相關屬性與事件和Button控制項相同。

範例9, 09_01 Sub button_Click(Sender As Object, e As Eventargs)
show.Text = "姓名: " & name.Text & "/" & Button.Text End Sub <form runat="Server"> 姓名: <asp:TextBox id="name" Width="200px" runat="Server"/><br> <asp:LinkButton id="Button" Text="送出" OnClick="button_Click" runat="Server"/> </form> <asp:Label id="show" Width="200px" runat="Server"/>

ImageButton圖片按鈕控制項-說明
ImageButton圖片按鈕控制項的功能也是Button控制項，只是以圖片顯示按鈕，如下所示： <asp:ImageButton id="Button" ImageUrl="sample.jpg" OnClick="button2_Click" runat="Server"/> 標籤建立名為Button的ImageButton控制項，其相關屬性與事件和Button控制項相似，只是沒有Text屬性。

ImageButton圖片按鈕控制項-屬性

範例10 Sub button_Click(Sender As Object, e As ImageClickEventArgs)
show.Text = "姓名: " & name.Text & "/" & Button.AlternateText End Sub <form runat="Server"> 姓名: <asp:TextBox id="name" Width="200px" runat="Server"/><br> <asp:ImageButton id="Button" ImageUrl="sample.jpg" AlternateText="按一下" OnClick="button_Click" runat="Server"/> </form> <asp:Label id="show" Width="200px" runat="Server"/>

練習2:使用WEB控制項設計一個會員資料表類似右圖: 將個人資料內容取得後,做一些判斷後輸出例: 依輸入的性別,判斷是先生或女士
生日判斷可以判斷出星座

練習3:使用WEB控制項設計圖片或影像按鈕使用者可以按下圖片來選購

Web表單送回功能 Page物件的IsPostBack屬性控制項的AutoPostBack屬性

Web表單送回功能 Web表單送回功能可以讓使用者在控制項輸入或選取的資料，送回伺服端來處理，預設送給ASP.NET程式本身，其相關屬性說明如下所示： Page物件的IsPostBack屬性：檢查是否是第1次載入ASP.NET程式，或是已經在客戶端執行過送回。伺服端控制項的AutoPostBack屬性：當控制項指定AutoPostBack屬性為True，表示當控制項資料變更時，就自動執行表單送回。

Page物件的IsPostBack屬性在Page_Load()事件處理程序，可以使用Page物件的IsPostBack屬性檢查是否是表單送回，如下所示： If Page.IsPostBack Then If name.Text <> "" Then msg.Text = name.Text & "歡迎進入網頁!" End If Else name.Text = "江小魚" lblName.Text = "使用者名稱: "

控制項的AutoPostBack屬性-說明
Web控制項如果擁有AutoPostBack屬性，可以配合事件處理程序來自動送回控制項內容的變更，如下所示： <asp:DropDownList Id="Username" Width="100px" Runat="server" AutoPostBack="True" OnSelectedIndexChanged="Change_Name"> <asp:ListItem Text="陳會安" Value="001"/> <asp:ListItem Text="江小魚" Value="002"/> <asp:ListItem Text="陳大安" Value="003"/> </asp:DropDownList> 上述控制項的AutoPostBack屬性為True，表示當更改選項資料時，不用等到按【送出】鈕，就馬上自動送回。

控制項的AutoPostBack屬性-說明
Web控制項支援AutoPostBack屬性和其觸發事件，如下表所示：

Ch06 建立WEB表單網頁程式設計.

Similar presentations

Presentation on theme: "Ch06 建立WEB表單網頁程式設計."— Presentation transcript:

Similar presentations

About project

反馈

请登录

Auth with social network:

Ch06 建立WEB表單 網頁程式設計.

Similar presentations

Presentation on theme: "Ch06 建立WEB表單 網頁程式設計."— Presentation transcript:

Similar presentations

About project

反馈

Ch06 建立WEB表單網頁程式設計.

Presentation on theme: "Ch06 建立WEB表單網頁程式設計."— Presentation transcript: