ASP.net 常用服务器控件

新人初学,有错请指,大神轻喷。

.net中有HTML控件和标准服务器控件。

老师教学用的是vs2010是这样分的,不知道15里是不是这样。

如果使用HTML控件我们就会发现页面中加载了原本HTML代码的控件

而服务器控件则将代码和标记一同放在页面中,

在初始化的时候会根据用户浏览器的版本生成适合浏览器的HTML代码。(大概是针对IE来说的..)

 

首先HTML控件与服务器控件的差别就是

在代码中添加runat="server"属性,即可将HTML控件转为服务器控件。

 
1.Label:被编译成span

常用属性:
  Text--显示的文本
  ForeColor--文本颜色
  Visible--隐藏
  CssClass--css中的class,类

2.Literal:没有元素 ,在它的位置上将Text内容完全展示出来

 

常用属性:
  Text--显示的文本。

3.TextBox: 不一定被编译成什么元素,设置他的Mode属性 来变换他的各种样式

常用属性:
  TextMode--SingleLine属性--单行
        Password属性--只能输入密码框
        MultiLine属性--显示下拉列表;多行
        Color--拾色器文本框
        Number--右侧上下箭头 加减数字,比如 淘宝买东西选择件数。
        Search--右侧带关闭,点击可清空 文本内容 显示记录过的下拉内容
        Time-- “--:--”,限制时间格式
        Week--“----年 第--周”,限制 年 周
        Date-- 年月日 格式
        Datetime --暂时没研究出来
        DateTimeLocal--日期加时间
        Month--“----年--月”格式
        Range--可以当亮度条用
  MaxLenght--文本框中最多允许的字符数

  ReadOnly--是否能改变文本框字体

  Rows--多行文本框中的行数

  Warp--指示文本框中的内容是否换行

 

4.HyperLink:超链接文本,被编译成<a href>

 

常用属性:

  ImageUrl--显示此链接图像的URL

  NavigateUrl--指向的URL

  Target URL--URL的目标框架,_blank表示新窗口

  Text:链接显示的文本


5.Button--按钮,被编译成<input type="button"/>或其他类型


重要属性:

  Clink--单击时发生的服务器事件

  OnClientClick--单击时的客户端事件

  postbackUrl--单击时从当前页发送到网页的URL,默认空即本页

  Text--按钮上的文本

 

6.ImageButton:图片按钮,被编译成<input type="image" src="" />

 

重要属性:

  AlternateText--图像不可用时空间中显示的替代文本

  ImageUrl--获取图像位置

 

7.LinkButton:带超链接的按钮,实现具有超链接样式的按钮,它的行为和按钮相似

 

8.RadioButton:点选按钮,被编译成<input type="radio" />

 

重要属性:

  Checked--布尔值,规定是否选定单选按钮

  AutoPostBack--布尔值,在Checked属性被改变后是否立即传回表单,默认false

  GroupName--该单选按钮所属控件组的名称(一组即互斥)

 

9.CheckBox:复选框控件,被编译成<input type="checkbox" />

没有GroupName,所以是特意用来被复选的。

 

重要属性:

  Text--出现在控件旁边的文本

  Checked--布尔值,规定是否选定单选按钮

  AutoPostBack--布尔值,在Checked属性被改变后是否立即传回表单,默认false

  GroupName--该单选按钮所属控件组的名称(一组即互斥)

 

10.RadioButtonList:以列表方式呈现的选项

 

重要属性:

  DataSourse--填充该列表列表项的数据源

  Items--获得列表中控件的项目集合

  RepeatColumns--控件中显示的列数

  RepeatDirection--指示该控件是垂直显示还是水平显示

 

11.CheckBoxList:复选框列表

 

重要属性:同上

 

12.ListBox:列表框,在一个滚动窗口中垂直显示一系列项目列表。

与DropDownList的区别是用户无需操作就可以看到所有选项。

 

重要属性:

 

13.BulletedList:即列表。

 

14.DropDownList:下拉框

 

重要属性:

  DataMember--要绑定的表的名称

  DataSourse--填充该列表列表项的数据源

  DataSourseID--提供数据源组件的ID

  DataTextField--提供列表的文本的数据源字段名称

  DataValueField--提供一个列表项的数据源字段的名称

  Items--列表控件中的项目集合

  SelectedIndex--获得或设置列表中被选项的索引

  SelectedItem--获得列表中的被选项

  SelectedValue--获得列表中被选项的值

  SelectedIndexChanged--当列表控件选择项发生变化时触发

  

 

15.Table:即表格

 

16.Imagle:图像

 

重要属性:

  AlternateText--为图像提供替代文本

  DescriptionUrl--提供指向包含该图像详细描述的页面的连接

  ImageUrl--指定图片URL

 

17.ImageMap:实现图片上定义热点区域的功能。

在外观上,ImageMap控件与Image控件相同,在功能上与button相同。

 

 

 这个坑填不完了,就发这么些吧,

剩下的还有好多..以后有时间再来填。

 

 

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" /> -提示警告

 

转载请联系

posted @ 2016-11-23 16:50  Aaxuan  阅读(6894)  评论(4编辑  收藏  举报