Webform(简单控件、复合控件)
一、简单控件:
1.label控件
<asp:Label ID="Label1" runat="server" Text="账 号:"></asp:Label>
被编译为:
<span id="Label1" >账 号:</span>
属性:
Text:文本
ForeColor:字体颜色
Visible:是否可见
CssClass:即HTML的class
2.Literal
类似label,但它不会被编译,只会在位置上将Text内容完全展示出来,可以往它的Text属性中添加js代码
3.Textbox
不一定被编译成什么元素,它被编译成什么表单元素取决于TextMode,它能够完成form12个表单元素中的文本类(除隐藏域),它还能完成Webform提供的一些元素
(1)文本框
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
它被编译为:
<input name="TextBox1" type="text" id="TextBox1" />
(2)密码框
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
它被编译为:
<input name="TextBox2" type="password" id="TextBox2" />
(3)文本域
<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine"></asp:TextBox>
它被编译为:
<textarea name="TextBox3" rows="2" cols="20" id="TextBox3">
</textarea>
(4)TextMode属性
color:只能选择颜色
datetime-local:可选择时间,输入时间,有日历
number:只能输入数字
4.按钮类
普通按钮和重置按钮在Webform没有提供按钮
<input type="button" value="按钮1" />
<input type="reset" value="重置" />
(1)Button
<asp:Button ID="Button1" runat="server" Text="Button" />
它被编译为:
<input type="submit" name="Button1" value="Button" id="Button1" />/*提交按钮*/
(2)ImageButton
<asp:ImageButton ID="ImageButton1" runat="server" />
它被编译为:
<input type="image" name="ImageButton1" id="ImageButton1" src="" />/*图片按钮*/
(3)LinkButton 超链接按钮
(4)按钮的OnClientClick是执行客户端脚本(js),客户端(js)执行优先级高于服务端(C#)
5.隐藏域
HiddenField控件
<asp:HiddenField ID="HiddenField1" runat="server" />
它被编译为:
<input type="hidden" name="HiddenField1" id="HiddenField1" />
二、复合控件
1.单选按钮:
HTML编码方式:
<input type="radio" name="" checked="checked"/>
Webform:RadioButton 不建议使用
RadionButtonList
使用数据库取值步骤:
(1)数据绑定
List<Nation> list = new NationData().Select();
方法1:
RadioButtonList1.DataSource = list;//数据源
RadioButtonList1.DataTextField = "NationName";//显示值
RadioButtonList1.DataValueField = "NationCode";//实际值
RadioButtonList1.DataBind();
方法2:
foreach (Nation n in list)
{
ListItem li = new ListItem(n.NationName, n.NationCode);
RadioButtonList1.Items.Add(li);
}
(2)设置默认选中项
RadioButtonList1.SelectedIndex = 0;或
RadioButtonList1.SelectedValue = "N001";
(3)取值
添加一个按钮点击事件,事件中写:
Label1.Text = "";
ListItem li = RadioButtonList1.SelectedItem;
Label1.Text += li.Value + "," + li.Text;
四、布局
RepeatDirection:项的布局方式 Vertical 纵向 Horizontal:横向
RepeatColumns:规定项的列数
RepeatLayout:项的布局方式 Table Flow (UnorderedList:无序列表 OrderedList:有序列表 前两种属性无效)
2.复选按钮
HTML编码方式:
<input type="checkbox" name="" checked="checked"/>
Webform:
CheckBox 不建议使用
CheckBoxList
使用数据库取值步骤:
(1)数据绑定
遍历数据集合,ListItem
foreach (Nation n in list)
{
ListItem li = new ListItem(n.NationName, n.NationCode);
CheckBoxList1.Items.Add(li);
}
(2)设置默认选中项
在数据添加的时候进行判断,设置Selected属性
foreach (Nation n in list)
{
ListItem li = new ListItem(n.NationName, n.NationCode);
if (li.Value == "N001" || li.Value == "N003")
li.Selected = true;
CheckBoxList1.Items.Add(li);
}
3)取值
遍历所有的项,判断如果是选中状态那么就把值取出来保存
Label1.Text = "";
foreach (ListItem li in CheckBoxList1.Items)
{
if (li.Selected)
{
Label1.Text += li.Value + "," + li.Text + "|";
}
}
四、布局
RepeatDirection:项的布局方式 Vertical 纵向 Horizontal:横向
RepeatColumns:规定项的列数
RepeatLayout:项的布局方式 Table Flow (UnorderedList:无序列表 OrderedList:有序列表 前两种属性无效)
3.下拉列表
HTML编码方式:
<select name="" id="" size="" multiple="multiple">
<option></option>
<option></option>
</select>
(1)当它为一行可选菜单时:
Webform中使用DropDownList
使用数据库取值步骤与RadionButtonList相同,只是没有布局
(2)当它为列表时
Webform使用ListBox按钮,在属性中可选择单选还是多选
使用数据库取值步骤与CheckBoxList 相同,只是没有布局
Webform(简单控件、复合控件)的更多相关文章
- WebForm简单控件,复合控件
简单控件: 1.Label 会被编译成span标签 属性: Text:文本内容 CssClass:CSS样式 Enlabled:是否可用 Visible:是否可见 __________________ ...
- WebForm 简单控件、复合控件
简单控件: Label:被编译成span 样式表里设置lable的高度: display:inline-block; Text --文本 ForeColor --字体颜色 Visible -- ...
- webform简单控件
表单元素: 文本类: text password textarea hidden text,password,textarea实现控件:textbox textmode属性选择password或m ...
- 2017年12月17日 ASP.NET 12个表单元素&&简单控件/复合控件
12个表单元素可以分为三大类 第一类:文本类 <input type = "text" /> //普通文本框 <input type = "passwo ...
- webform 简单控件
html中12个表单元素添加runat="server"后称为控件 Lable 编译之后是 <span></span> 属性:CssClass 编译成 c ...
- WebForm 【简单控件】【表单元素】
一.HTML 表单元素复习 (1)文本类 文本框:<input type="text" name="" id="" value=&qu ...
- 【2017-05-18】WebForm的Repeater控件和一些简单控件
一.Repeater控件 1. <%@ %> - 这里面写一些声明和引用的 <% %> - 编写C#代码的 <%= %> - 往界面上输出一个变量的值 <% ...
- 【2017-05-18】WebForm的Repeater控件及简单控件
<%@ %> - 这里面写一些声明和引用的 <% %> - 编写C#代码的 <%= %> - 往界面上输出一个变量的值 <%# Eval("属性名 ...
- WebForm 常用控件
一.简单控件 1.Label(作用:显示文字) Web中: <asp:Label ID="Label1" runat="server" Text=&quo ...
随机推荐
- php socket
socket demo代码如下 : server: server.php <?php //phpinfo(); //确保在连接客户端时不会超时 set_time_limit(0); $ip = ...
- 从头构建自己的Linux系统
2012-09-10 在博文“Linux系统启动过程分析”中我们了解了linux系统的启动流程,今天我们就来手动一步一步从头来构建一个最小的linux系统,然后用模拟器将其加载起来.常见 ...
- sql server还原数据库bak文件
RESTORE DATABASE CCC FROM DISK = 'AAA.bak' with replace, MOVE 'BBB' TO 'C:\Program Files\Microsoft ...
- Sidekiq任务堵塞问题
今天发现服务器上的sidekiq 线程全忙.队列里任务积累了好多. sidekiq里的任务基本都是爬虫脚本,都需要请求外部网站.但是有些网站的响应时间或者读取时间太久,一直一直卡在那里.使得后面的任务 ...
- [转载]SharePoint 2013搜索爬外网配置
本文介绍SharePoint 2013 设置外网(Internet)爬网源: 下面是步聚: 1. 新建外部爬网源 a. 打开 “SharePoint 2013 Central Administrati ...
- 基于Solr实现HBase的二级索引
文章来源:http://www.open-open.com/lib/view/open1421501717312.html 实现目的: 由于hbase基于行健有序存储,在查询时使用行健十分高效,然后想 ...
- MQTT协议学习笔记
1.前沿 万物联网的时代即将到来,物联网也由当初的概念开始进一步落实.随着无线网络技术飞速发展,各种设备都可以连接网络,实现远程控制.例如智能家居最近非常火爆,智能插座.智能LED灯.智能摄像头等.在 ...
- Action接收页面传来的参数方法
接收页面传来的参数方法 1.第一种:在action中设置相应的变量 在相应的action中设置与将要传进来的参数名相同的变量 eg: 页面传给后台两个参数 name=chance & age ...
- JAVA生成随机数种子的方法
Java里面有一个随机函数——Random,刚开始只是知道这个函数具有随机取值的作用,于是上网搜索了资料一番,做了一下一些关于Random函数的总结: Java中存在着两种Random函数: 一. ...
- Excel中显示长数字的方法
主要有以下三种方法: 1.先设置为文本格式,再粘贴2.在另一列输入=CONCATENATE(A1),双击此格右下角得到全部数值,再格式化为文本粘贴回去3.选中数据列,点数据-分列,下一步-下一步,选中 ...