简单控件

Posted 2020-08-14 涤荡轮回

一、简单控件：

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：