首页 > 代码库 > 2017-5-18 简单控件

2017-5-18 简单控件

表单元素:

文本类
<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="http://www.mamicode.com/ "></a>      NavigateUrl属性

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

按钮的点击事件

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

 

2017-5-18 简单控件