AsPNET按鈕控件超鏈接控件圖像控件（胡斌）

第16課時：按鈕控件、超鏈接控件、圖像控件教學目的： 掌握控件按鈕，超鏈接控件，圖象控件的使用方法，理解屬性、事件、方法的應用。教學難點： 回發(fā)行為的應用回顧聯(lián)系創(chuàng)建空網站<zy16>，在zy16中添加新WEB窗體，名稱為，在中添加下圖所示控件。按鈕控件ID為B1，文本空控件ID為T4按鈕控件ID為B1，文本空控件ID為T4，多行文本,高度120PX，寬度：300px文本空控件ID為T3，單行文本,只輸入日期文本空控件ID為T2，單行文本,只輸入數字文本空控件ID為T1，單行文本標簽控件ID為L1，字體大?。?0px，紅色加粗L在按鈕的Click事件中完成：使用語句輸出文本框輸入的內容：效果如下圖：新課程按鈕控件(Button、LinkButton、ImageButton)在WEB應用程序和用戶交互式，使用按鈕提交。按鈕分為：Button(標準命令按鈕)，LinkButton（鏈接按鈕）、ImageButton（圖形按鈕）三類。Button是一個普通按鈕，其格式如下:<asp:Buttonid=”控件名稱” Text=”顯示文本” CommandArgument=”命令參數”CommandName=”關聯(lián)的命令” OnCommand=”事件過程名” OnClick=”事件過程名” Runat=”server”/>LinkButton是一個具有超鏈接的外觀和普通按鈕功能的空間,其語法格式：<asp:LinkButtonid=”控件名稱”Text=”文字”O(jiān)nClick=”事件過程”runat=”server”/>ImageButton控件用來創(chuàng)建一個圖形按鈕，其語法格式如下：<asp:ImageButtonid=”控件名稱”ImageUrl=”要顯示的圖片URL”O(jiān)nClick=”事件”runat=”server”/>按鈕事件CLICK事件，Click事件就是響應單擊按鈕事件，格式：Protectedvoidb1_onclick(…){} 在OnClick事件中我們可以完成各項操作，OnClientClick屬性，設置客戶端命令按鈕；例題1：在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:其中：按鈕的屬性如下：雙擊按鈕，在Click事件中完成下面代碼：LinkButton和ImageButton是在BUTTON的基礎上改變其顯示的方式，鏈接方式和圖形方式例題2：在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:其中Button按鈕屬性如下:沖擊進入各個按鈕Click事件：HYPERLINK控件超鏈接控件：語法格式如下：<asp:HyperLinkid=”控件名稱”Text=”顯示文字”NavigateUrl=”鏈接對象”Tartget=”目標窗口”runat=server/>如果使用ImageUrl指定圖片則變成圖片鏈接。圖像控件(image)<asp:ImageID=”控件名稱”runat=server/>常用屬性：AltermateText=”圖片無法顯示時的備用文本”ImageAlign=””圖片對齊方式ImageUrl=””圖片地址圖片控件和鏈接控件：例題3：在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:控件屬性如下：按鈕CLICK事件如下：效果如下：練習：1）在ZY16中添加新WEB窗體，名稱,在WEB窗體中添加如下圖所示控件:按鈕單擊事件普通按鈕控件：ID為B3,Text為普通按鈕鏈接按鈕控件：ID為B2,Text為鏈接按鈕圖片按鈕控件：ID為普通按鈕控件：ID為B3,Text為普通按鈕鏈接按鈕控件：ID為B2,Text為鏈接按鈕圖片按鈕控件：ID為B1,ImageUrl為，寬度：64px鏈接控件：ID為H1,Text為鏈接Image控件：ID為L1,Text為空,紅色18像素大小Image控件：ID為I1,ImageUrl為,寬度為:100pxB1_Click事件：要求：將Imag