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

第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>

3.優點

簡化了網頁html原始碼

便於統一修改和重複使用

4.寫法

*{padding:0;margin:0;} 去掉瀏覽器預設的填充和邊距上的空白。

body{...} 給網頁的body部分設定樣式

#aa{....} 給id為aa的元素設定樣式

.button{...} 給class為button的元素設定樣式

相關文章