WebForm 簡單控制項、複合控制項

標籤：

簡單控制項：

Label：被編譯成span

　　樣式表裡設定lable的高度:  display：inline-block;
　　Text  --文本
　　ForeColor  --字型顏色
　　Visible  --許可權時使用
　　CssClass  --樣式表

Literal：無任何元素，只會在其位置上將Text內容完全展示出來
　　重要屬性只有：Text  --文本

TextBox: 不一定被編譯成什麼元素
　　屬性：Text  --文本

　　　   　TextMode - 它設定為什麼值，被編譯後將會是不同的一些表單元素

　　　　　　SingleLine  --文字框

　　　　　　MultiLine  --文本域

　　　　　　Password  --密碼框

　　　　　　Number  --只能是數字，可以點擊上下三角號進行加減

Button： 被編譯成提交按鈕 submit
ImageButton：被編譯成圖片按鈕 image，有提交功能
LinkButton：超連結模樣的按鈕，有提交按鈕的作用。被編譯的內容較複雜

　　　　屬性：OnClientClick是執行用戶端指令碼（js），用戶端執行優先順序高於服務端

表單元素：

文本類：  --簡單控制項
文字框：<input type="text" /> 
密碼框：<input type="password" />
文本域：<textarea></textarea> 
隱藏欄位：<input type="hidden" /> 

按鈕類：  --簡單控制項
普通按鈕：<input type="button" value="按鈕1" />
提交按鈕：<input type="submit" value="提交" />
重設按鈕：<input type="reset" value="重設" />
圖片按鈕：<input type="image" src="" />

選擇類：  --複合控制項
單選框：<input type="radio" />
複選框：<input type="checkbox" />

下拉式清單：<select>
　　　　　<option></option>
　　　　　</select>

檔案選擇：<input type="file" />

複合控制項：

RadioButton CheckBox

RadionButtonList 和 DropDownList
一、資料繫結
DataSource
T
V
DataBind

二、設定預設選中項
SelectedIndex
SelectedValue

三、取值
SelectedItem

四、布局

CheckBoxList ：ListBox
一、資料繫結
遍曆資料集合，ListItem

二、設定預設選中項
在資料添加的時候進行判斷，設定Selected屬性

三、取值
遍曆所有的項，判斷如果是選中狀態那麼就把值取出來儲存

四、布局

WebForm 簡單控制項、複合控制項