目录
3、ImageButton
Enabled属性
二、Image控件
1、使用原因
2、使用方式
法一:指明路径
法二:同一目录
3、使用实例
(1)要求
(2)操作
1、Typelink
四、TextBox控件
五、选择按钮
1、单个复选框checkbox
2、复选框组按钮checkboxlist
一、3个button
1、button
这就是一个普通的button,双击可以添加相应的功能,比如我们常见的登录页面里的登录这个按钮,就是一个普通的button。
这个按钮是可以修改名称的。
2、linkbutton
这个按钮就和平时我们见到的修改密码那种格式。
也可修改名称,其功能和button差不多。
3、ImageButton
这个按钮可以加图片,作为图片按钮。
下面对这三个来个简单的演示:
一般情况下,长这个样子,然后运行一下:
没有添加图片的ImageButton就什么都不显示。
Enabled属性
当为false的时候,该按钮不可用,
例:
(1)为true:
(2)为false
运行显示:
二、Image控件
1、使用原因
如果我们想要在网页中加入图片,可以直接拖进去,但是,拖进去的图片不好控制,属性什么的就很难一起设置,所以就用到了这个控件。
2、使用方式
法一:指明路径
法二:同一目录
将图片和放在该项目的文件夹下,然后在Vs studio中导入进去,导入方法如下:
右击,选择包括在项目中:
然后点击Image控件,找到ImageUrl属性:
然后,就成功加进去这个图片了:
3、使用实例
(1)要求
这样添加了,就只有一张图片,如果我们希望每刷新一次,就变一个图片,那么应该怎么做呢?
(2)操作
首先添加一个ImageButton控件,随机放一张照片:(这里应该放Image控件的,但是我的电脑双击这个控件没反应,我就用了ImageButton控件,明天去机房试试能不能修改Image的功能)
在该项目文件夹下,多添加几张照片,然后编号为1,2,3,依次向下:
双击ImageButton,然后在里面添加功能:
下面试一试结果吧。
初始状态:
刷新之后:
可以看到这几个图片都是会显示的,但是是随机的,不知道下一次会是哪个图片。
三、Typelink和NavigateUrl
1、Typelink
相当于实现了HTML代码中的“<a href=“”></a>”效果,但是它是个内部服务器控件,是可以改变属性,而a是一个html标签,不可以改变属性。
2、NavigateUrl
NavigateUrl:要跳转的URL
初始状态:
当鼠标放在这个图片上的时候,就可以看到导航了:
点击的话,就会跳转到这个地方了。
四、TextBox控件
这个控件最常使用的是它的回传功能(我还没有正确的使用,慢慢来吧)和TextMode属性,这里就说一下TextMode属性:
可以看到它有很多选择,比如说加密 (像输入密码的时候不显示的那种),颜色,进度条等,下面随便找几个看一下效果吧:
如果,我们想要让文本框成为一条横线的那种形式,该如何设置呢。这时候,就不能再通过这种方式设置了,就需要引用相应的内部样式,在内部样式中设置了:
首先在源中的</title>后加上下面语句:
<style>.txt{border:none;border-bottom:1px solid black;}</style>
然后在那个文本框的属性cssclass中选择txt:
下面看看结果:
五、选择按钮
1、单个复选框checkbox
简单的说就是一个一个
初始状态:
添加个数(添加控件的个数)和属性(例如名称):
2、复选框组按钮checkboxlist
初始状态:
设置个数(编辑控件的项)和属性:
最终显示:
运行一下,看看:
是都可以选择的。
如果想要显示选择的东西,那么我们就需要添加button,然后设置其功能了。
运行的时候出错了:
这是因为以前设置的某些控件没删掉,需要我们手动删掉源里面的东西。
删掉前面的控件和报错的语句就可以正确显示了:
下面选几个试试:
可以看到所选的会在下面显示,但是第一种方式的Label没有去掉,这是因为没有清空,每次都叠加上去了。所以也在前面清空一下就可以了:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace WebApplication1
{public partial class WebForm1 : System.Web.UI.Page{protected void Button1_Click(object sender, EventArgs e){Label1.Text = "";if (CheckBox1.Checked) /*注意这里用的是checked*/{Label1.Text += CheckBox1.Text;}if (CheckBox2.Checked) /*注意这里用的是checked*/{Label1.Text += CheckBox2.Text;}if (CheckBox3.Checked) /*注意这里用的是checked*/{Label1.Text += CheckBox3.Text;}}protected void Button2_Click(object sender, EventArgs e){Label2.Text = ""; /*这里表示清空*/for(int i = 0; i < CheckBoxList1.Items.Count; i++){if (CheckBoxList1.Items[i].Selected)/*这里用的是Selected*/{Label2.Text += CheckBoxList1.Items[i].Text;}}}}
}
最终显示:
上面的都是多选,要是想单选呢?就需要用到
这两个控件了,使用方式相似,就看看效果吧:
最终结果:
第一种依旧可以多选,因为它是单个的,对其他无影响,而组的只能选一个,也就是我们单选题的那样了。
今天的就到这吧。