一、簡單控件:
1.Label:被編譯成span
Label:通過屬性改變它的寬高,或者是在css裡用 display:inline-block;然後設置寬高。
常用屬性:
Text--
ForeColor--文本顏色
Visible--隱藏,目前不是很好用
CssClass 他就是class
2.Literal:沒有元素 ,在它的位置上將Text內容完全展示出來
Text 常用屬性,寫什麼就是什麼。
3.TextBox: 不一定被編譯成什麼元素,設置他的Mode屬性 來變換他的各種文本樣式
(用來權限設置 非常好用)
TextMode - 它設置為什麼值,被編譯後將會是不同的一些表單元素
常用的屬性:
Text--SingleLine屬性,單行
Password屬性--只能輸入密碼框
MultiLine屬性,顯示下拉列表;多行
Color--拾色器文本框
Number--右側上下箭頭 加減數字,比如 淘寶買東西選擇件數。
Search--右側帶關閉,點擊可清空 文本內容 顯示記錄過的下拉內容
Time-- “--:--”,限制時間格式
Week--“----年 第--周”,限制 年 周。
Date-- 年月日 格式
Datetime --暫時沒研究出來
DateTimeLocal--日期加時間。
Month--“----年--月”格式
Range--可以當亮度條用
4.按鈕
Button--按鈕
ImageButton--圖片按鈕
LinkButton--帶超鏈接的按鈕
重要屬性--OnClientClick:
OnClientClick=“confirm(“確定刪除嗎”)”//警告提示
按鈕的OnClientClick是執行客戶端腳本(js),客戶端執行優先級高於服務端
js先(客戶),c#後(服務端)
表單元素:
12個表單元素
文本類:
<input type="text" /> - 文本框
<input type="password" /> - 密碼框
<textarea></textarea> - 文本域
<input type="hidden" /> - 隱藏域
按鈕類:
<input type="button" value="按鈕" /> -按鈕
<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" /> -提示警告
----------------------------------------------------
二、復合控件
常用的三個
1.RadionButtonList:(完全可以替代 RadionButton。以後都用這個 )
1.1、數據綁定
List<Nation> list = new NationData().Select();
RadioButtonList1.DataSource = list;
RadioButtonList1.DataTextField = "NationName";
RadioButtonList1.DataValueField = "NationCode";
RadioButtonList1.DataBind();
遍歷:
foreach (Nation n in list) { ListItem li = new ListItem(n.NationName, n.NationCode); RadioButtonList1.Items.Add(li); }
1.2、設置默認選中項
RadioButton1.SelectedIndex --索引
RadioButton1.SelectedValue--值
1.3、取值
SelectedItem--
Label1.Text = ""; ListItem li = RadioButtonList1.SelectedItem; Label1.Text += li.Value + "," + li.Text;
1.4、布局
RepeatDirection:布局方式
Vertical 縱向
Horizontal:橫向
2.CheckBoxList:
3.DropDownList: