ASP.NET動態網站開發培訓-06.CheckBox、RadioButton和Image控制元件

人生不再重來發表於2014-11-02
ASP.NET網站控制元件
第6講：CheckBox、RadioButton和Image控制元件

課程安排：
     建立CheckBox和RadioButton控制元件
     通過Checked屬性判斷選擇狀態 
     CheckedChanged事件
     使用Image控制元件顯示圖片
     樣式表檔案(CSS）簡介
     在控制元件上使用樣式表檔案（CSS)。


建立CheckBox和RadioButton控制元件
     1.CheckBox     
          用途：多選

     2.RadioButton
          用途：單元
               (1) 使用GroupName屬性，對單選按鈕進行分組。
               (2) 每組中只能有一個被選擇。

通過Checked屬性判斷選擇狀態
     如果某核取方塊（或單選按鈕）被選中，則其Checked屬性為真，否則為假。因此，可以根據Checked屬性判斷使用者是否選擇了該核取方塊。

CheckedChanged事件
     核取方塊（或單選按鈕）的狀態被更改時，會觸發CheckedChanged事件。

     注意：前提是AutoPostBack屬性為真。


使用Image控制元件顯示圖片
     屬性：ImageUrl

        Image1.ImageUrl = "~/imags/d01373f082025aaf37001030f9edab64034f1a1e.jpg" ;
        ~符號代表站點的根目錄。



樣式表檔案(CSS)簡介
     1.用途
          格式化頁面。將表現部分和內容部分分開。
     2.使用簡介
          建立樣式表檔案
          在原始檔中加入連結語句
               <head runat="server">
                    <line href="s1.css" type="text/css" rel="stylesheet">
               </head>

     3.優點
          簡化了網頁html原始碼
          便於統一修改和重複使用

     4.寫法     
               *{padding:0;margin:0;}     去掉瀏覽器預設的填充和邊距上的空白。
               body{...}          給網頁的body部分設定樣式
               #aa{....}     給id為aa的元素設定樣式
               .button{...}     給class為button的元素設定樣式

相關文章