2017-5-18 简单控件

Posted 2020-09-20 Zoe

表单元素：

文本类
<input type="text"> - TextBox
password TextBox TextMode="password"
textarea TextBox TextMode="MutilLine"
hidden HiddenFiled

按钮类
button - 无
submit - Button
reset - 无
image - ImageButton

选择类
radio
RadioButtonList - 布局里三个
ListItem Enable selected Text Value

checkbox
CheckBoxList - 布局里三个
ListItem Enable selected Text Value

绑定数据有两种方式：
DataSource

遍历创建ListItem

取值两种
单选 可以使用selectedItem

多选要使用遍历

简单控件：

1.Lable  -- 转成成span----

for 属性     cssclass  属性

　　需要在样式中加上display：inline-block才可以是lable样式中的长宽起作用

2.Literal -- 空，什么也没有转换,把内容直接打印在界面上

text  属性

　　作用：可以直接输出上面的内容，

　　Literal.Text=<script>alter(‘你好‘);</script>  --- 可以直接在界面上跳出弹窗

3.TextBox

Enabled   属性   ReadOnly   属性    MaxLength   属性

设置属性TextMode

SingLine   ---  变成<input type="text" />

PassWord --- 变成<input type="PassWord">

MultiLine --- 变成<textarea>　　

4.HiddenField  --- 变成<input type="hidden">

 

5.Button --- 变成　<input type="submit">　  Enabled  属性

6.ImageButton  --- 变成<input type="image">    ImageUrl   属性

7、HyperLink-----变成<a href="  "></a>      NavigateUrl属性

8、panel-----------变成<div></div>

按钮的点击事件

用事件委托来写，在代码层中的Page_Load中书写