一、简单控件:
1.Label:被编译成span
Label:通过属性改变它的宽高,或者是在css里用 display:inline-block;然后设置宽高。
常用属性:Text-- ForeColor--文本颜色Visible--隐藏,目前不是很好用CssClass 他就是class2.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: