博客
关于我
ASP.net 常用服务器控件
阅读量:394 次
发布时间:2019-03-05

本文共 2982 字,大约阅读时间需要 9 分钟。

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

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

 

转载请联系

你可能感兴趣的文章
【Dubbo】Zookeeper+Dubbo项目demo搭建
查看>>
CSS3中字体平滑处理和抗锯齿渲染
查看>>
Docker教程-介绍Docker与容器化
查看>>
设计模式系列之工厂模式三兄弟(Factory Pattern)
查看>>
vue.js之过渡效果-css
查看>>
mpvue支持小程序的分包加载
查看>>
2020-2021:时间戳
查看>>
推荐书单4.0:测试工程师破局之路
查看>>
jmeter(十二)关联之正则表达式提取器
查看>>
http协议进阶(五)连接管理
查看>>
封装一个简易版的ajax操作对象
查看>>
隐藏Nginx软件版本号信息
查看>>
httpd: apr_sockaddr_info_get() failed for bogon
查看>>
OAuth2.0认证详解
查看>>
如何在 Windows 10 上安装 WSL 2
查看>>
如何禁用控制台窗口的关闭按钮?
查看>>
004.Kickstart部署之FTP架构
查看>>
001. Ansible简介
查看>>
006.SQLServer AlwaysOn可用性组高可用部署
查看>>
CKAD考试心得分享
查看>>