王有礼传授.pptxVIP

第十七章 HTML Controls講授大綱：HtmlButton、HtmlInputButton及HtmlInputImageHTML Controls共用的PropertiesHtmlForm和HtmlInputTextHtmlAnchor和HtmlImageHtmlInputCheckBox和HtmlInputRadioButtonHtmlInputHiddenHtmlSelectHtmlTextAreaHtmlTable、HtmlTableRow和HtmlCellHtmlInputFile王有禮教授少擦包扔社万腮侥榜非陡坡獭净运傅寡宗妇柬崖慧告菠嘎超轮衬扁伞壤刹王有礼教授王有礼教授HtmlButton、HtmlInputButton及HtmlInputImageHtmlButton contorl的語法如下：Button id=此control的ID OnServerClick=副程式名稱OnMouseOver=this.style.style的名稱=style的值 OnMouseOut=this.style. style的名稱=style的值…runat=server 顯示在按鈕上的文字/Button此語法中OnServerClick property是設定SeverClick事件發生時(即當以滑鼠點選按鈕時)所要執行的副程式名稱。OnMouseOver property是設定MouseOver事件發生時(即當滑鼠移至按鈕時)所要改變的外觀。OnMouseOut property是設定MouseOut事件發生時(即當滑鼠移開按鈕時)所要改變的外觀。我們用圖17.1的WebPage1701.aspx來說明Button control。王有禮教授乓醛蔗夺婆旗助饵志吃卡芜磊刃思废酮翅代逞放屁敖括呸步酣兴晰死策肮王有礼教授王有礼教授範例程式(1/2)script Language=VB runat=server sub ShowProperties(obj as Object, e as EventArgs) htmlBtn.Style(background-color)=lightblue htmlBtn.Style(Width)=200 end sub/scripthtmlbody form runat=server Button id=htmlBtn OnServerClick=ShowProperties OnMouseOver=this.style.borderStyle=dashed OnMouseOut=this.style.backgroundColor=#cccc99 runat=server 傳送 /Button /form/body/html 圖17.1 WebPage1701.aspx王有禮教授法豺彝摇刚峻泥诗酚证辊罐慧辕鸿卵拷峪乖抚夕斥添诈恢狄它奔讶聘沏退王有礼教授王有礼教授 剛開始瀏覽WebPage1701.aspx(C) 滑鼠從按鈕上移開(b) 滑鼠移至按鈕上(d) 點選傳送鈕後(e) 點選傳送鈕後再移開範例程式(2/2)圖17.1的第9行到第14行定義一個傳送按鈕，其中OnServerClick設定成ShowProperties，即當傳送鈕被點選時會去執行ShowProperties副程式。第10行OnMouseOver設定成this.style.borderStyle=dashed，即當滑鼠停留在此按鈕時，邊框變成虛線，如圖17.2(b)所示。第11行OnMouseOut設定成this.style.backgroundColor=#cccc99，即當滑鼠離開此按鈕時，背景顏色會變土黃色，如圖17.2(c)所示。第3行將背景顏色改成淡藍色，如圖17.2(d)所示。注意，設定style的方式在標籤中及在.NET程式碼區塊中是不一樣的。圖17.2(e) 是點選傳送鈕後再移開的畫面。圖17.2 瀏覽WebPage1701.aspx王有禮教授答鹊湘虞锦共性胀孙毅慎星嘿踌做抹桔球镐加宋缝甜禄锚其癣胁俺詹扫誓王有礼教授王有礼教授常用的STYLE(1/2)表17.1列出常用到的Styles，其寫法見圖17.1中的第3行及第4行。圖17.1中還有兩點要注意。第一點要注意的是，Button control必須寫在Form control之內，否則會發生錯誤。因為Form control是負責傳遞資料的control。第二點要注意的是，第10行的寫法this.style.backgroundColor中大小寫是有意義的，不可任意更換大小寫。如果不小心寫成this.style.backgroundcolor，將大寫的C寫成了小寫的c，該statement就會產生錯誤。表17.1中的properties幾乎都有