网站设计的目的和任务,新网站2个月没有收录,免费学习网站建设,漯河知名网站建设价格目录 一、3个button
1、button
2、linkbutton
3、ImageButton
Enabled属性
二、Image控件
1、使用原因
2、使用方式
法一#xff1a;指明路径
法二#xff1a;同一目录
3、使用实例 #xff08;1#xff09;要求
#xff08;2#xff09;操作
三、Typelink和…目录 一、3个button
1、button
2、linkbutton
3、ImageButton
Enabled属性
二、Image控件
1、使用原因
2、使用方式
法一指明路径
法二同一目录
3、使用实例 1要求
2操作
三、Typelink和NavigateUrl
1、Typelink
2、NavigateUrl
四、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的功能 在该项目文件夹下多添加几张照片然后编号为123依次向下
双击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;}}}}
}
最终显示 上面的都是多选要是想单选呢就需要用到 这两个控件了使用方式相似就看看效果吧 最终结果 第一种依旧可以多选因为它是单个的对其他无影响而组的只能选一个也就是我们单选题的那样了。 今天的就到这吧。
