首页 > 代码库 > 简单控件
简单控件
一、简单控件:
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="http://www.mamicode.com/按钮" /> -按钮
<input type="submit" value="http://www.mamicode.com/提交" /> -提交按钮,刷新
<input type="reset" value="http://www.mamicode.com/重置" /> -重置按钮
<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:
简单控件