html伺服器控制.ppt

HTML伺服器控制項 HTML伺服器控制項 ASP為嵌入式語言(分成Server與Client端) 畫面HTML碼 + ASP程式碼 (Code Inline) ASP.NET HTML伺服器控制項：變化HTML碼而來 WEB伺服器控制項：全新的東西 (建議使用) HTML控制項的功能都可以由WEB控制項完成 ASP.NET將HTML與程式碼都變成Server端的元件 HTML伺服器控制項 HTML碼(attribute)元件化(property) 變成可以在Server上進行設計 HTML轉換成HTML伺服器控制項的方法： 加入屬性runat=“server” 加入ID input type=“text” name=“my_name” input type=“text” id=“T1” runat=“server” HTML伺服器控制項 HTML伺服器控制項 HTML伺服器控制項 HTML伺服器控制項 HTML伺服器控制項 HTML伺服器控制項 HTML伺服器控制項 HTML伺服器控制項 經過HTML伺服器控制項後的原始碼 經過HTML伺服器控制項後的原始碼 當ASP.NET網頁執行時，會先由編譯器檢查標籤有無runat=server屬性設定，如果標籤沒有設定這個屬性，那麼該標籤就會被視為HTML文件內容。若標籤中有設定runat=server屬性，則會依照該標籤所對應的類別產生物件，所以ASP.NET物件的產生是由runat=server屬性設定所決定的。當程式在執行時解析到有指定runat=server屬性的標籤時，會將該類別從.NET Framework基底類別庫實作到記憶體中並等待程式的執行。等到程式執行完畢後再將HTML控制項的執行結果轉換成HTML標籤，然後送到字串流等待傳送至客戶端瀏覽器進行解譯。 HTML標籤的runat=server屬性時，所對應的HTML控制項： HTML伺服器控制項-按鈕 HTML伺服器控制項-按鈕 HTML伺服器控制項-按鈕 HTML伺服器控制項-按鈕 innerHTML與innerText innerHTML：可以執行HTML標籤功能 innerText：文字方式呈現字串 DIV1.innerHTML=“B按鈕被按下/B” 會呈現出黑體字 DIV1.innerText=“B按鈕被按下/B” 原封不動呈現B按鈕被按下/B Disabled屬性此屬性稱為取消作用。取消作用就是將一個物件的功能關閉，讓物件暫時無法執行工作。所以如果將物件的Disabled屬性設為True時，該物件會顯示為灰色並且停止工作；然而若將Disabled屬性設回False，該控制項即可正常工作。 Visible屬性Visible屬性可以讓一個物件隱藏起來讓使用者看不到。 Attributes屬性有兩個方法可以指定物件的屬性，第一種是我們前面常用的物件.屬性，而另外一種就是物件.Attributes(屬性名稱)。 HtmlButton控制項 OnServerClick事件 Button控制項 OnServerClick=Button1_Click form runat=server/form Button1開始時並沒有顯示任何文字，但是當按下Button1時因為觸發了Button1_Click事件，使得Button1內的文字、背景色都發生了變化： 指定Button1的OnClick事件來執行用戶端的JavaScript範例： Style屬性本屬性可以用來設定控制項的樣式。為了讓開發人員可以方便的設定物件樣式。 Style屬性表 HtmlAnchor控制項HtmlAnchor控制項可以用來指定超連結。 HtmlAnchor控制項有如下的屬性： 當使用者將滑鼠移至「這是超連結」時，會應顯示文字「小提示」；按下「這是超連結」時，會將網頁重新導向微軟的網站： HtmlImage控制項HtmlImage控制項對應於HTML元素中的Img元素，是一種用來顯示圖片於網頁上的控制項。在ASP.NET中變為一個可以被程式控制並動態改變其屬性的HTML控制項。 下表為HtmlImage控制項的常用屬性： 下面的程式利用Page_Load事件來設定Image1物件的屬性： 上傳資料的方法：網址?參數名稱=值 實際不可能讓使用者這樣輸入。要讓使用者輸入資料，還是要用如按鈕、文字輸入盒以及選單等比較友善的視覺使用者介面，所以接下來要介紹這些資料輸入的控制項。 HtmlForm控制項 HtmlForm控制項的使用語法為： HtmlForm控制項有兩個主要的屬性： Form控制項中配置了一個Button物件，並指定按下按鈕時所要呼叫的事件程序為Button_Click事件： 上述程式執行的結果