几个特殊的控件

目录

一、3个button

1、button

2、linkbutton

3、ImageButton

Enabled属性

二、Image控件

1、使用原因

2、使用方式

法一:指明路径

法二:同一目录

3、使用实例

 (1)要求

(2)操作

三、Typelink和NavigateUrl

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的功能)

 在该项目文件夹下,多添加几张照片,然后编号为1,2,3,依次向下:

双击ImageButton,然后在里面添加功能:

下面试一试结果吧。

初始状态:

刷新之后:

 

可以看到这几个图片都是会显示的,但是是随机的,不知道下一次会是哪个图片。 

三、Typelink和NavigateUrl

        相当于实现了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;}}}}
}

最终显示: 

上面的都是多选,要是想单选呢?就需要用到

这两个控件了,使用方式相似,就看看效果吧:

最终结果:

第一种依旧可以多选,因为它是单个的,对其他无影响,而组的只能选一个,也就是我们单选题的那样了。

今天的就到这吧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/759243.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

对https://registry.npm.taobao.org/tyarn的请求失败,原因:证书过期

今天安装tyarn时&#xff0c;报错如下&#xff1a; request to https://registry.npm.taobao.org/tyarn failed, reason: certificate has expired 原来淘宝镜像过期了&#xff0c;需要重新搞一下 记录一下解决过程&#xff1a; 1.查看当前npm配置 npm config list 2.清空…

JAVAEE多线程——锁

文章目录 什么是锁为什么需要锁如何加锁synchorized 的使用synchronized 修饰方法synchronized 修饰代码块 死锁问题那种场景会造成死锁死锁的本质由于内部存在无限循环导致的死锁 死锁的第二种情况哲学家吃饭模型造成死锁的必要条件 什么是锁 首先我们来解释一下什么是锁呢&a…

SpringBoot整合Xxl-Job

一、下载Xxl-Job源代码并导入本地并运行 Github地址:GitHub - xuxueli/xxl-job: A distributed task scheduling framework.&#xff08;分布式任务调度平台XXL-JOB&#xff09; 中文文档地址:分布式任务调度平台XXL-JOB 1.使用Idea或Eclipse导入 2.执行sql脚本(红色标记…

机器学习_神经网络

文章目录 简介反向传播小结 简介 为了构建神经网络模型&#xff0c;我们需要首先思考大脑中的神经网络是怎样的&#xff1f;每一个神经元都可以被认为是一个处理单元/神经核&#xff0c;它含有许多输入/树突&#xff0c;并且有一个输出/轴突。神经网络是大量神经元相互链接并通…

计算机网络简答题:复试+期末

文章目录 1.计算机网络的功能:2.计算机网络的分类:3.主机间的通信方式:4.电报交换、报文交换、分组交换的区别:5.计算机网络的性能指标:6.0SI模型和TCP/IP模型:7.通信信通的方式:8.端到端的通信与点到点通信的区别:9.同步通信和异步通信:10.频分复用、时分复用、波分复用和码分…

使用Pygame做一个乒乓球游戏(2)使用精灵重构

本节没有添加新的功能&#xff0c;而是将前面的功能使用精灵类(pygame.sprite.Sprite) 重构。 顺便我们使用图片美化了一下程序。 看到之前的代码&#xff0c;你会发现代码有点混乱&#xff0c;很多地方使用了全局变量(global)。 本节我们将使用类进行重构。 Block(Sprite)…

NCV7428D15R2G中文资料PDF数据手册参数引脚图图片价格概述参数芯片特性原理

产品概述&#xff1a; NCV7428 是一款系统基础芯片 (SBC)&#xff0c;集成了汽车电子控制单元 (ECU) 中常见的功能。NCV7428 为应用微控制器和其他负载提供低电压电源并对其进行监控&#xff0c;包括了一个 LIN 收发器。 产品特性&#xff1a; 控制逻辑3.3 V或5 V VOUT电源&…

Spark-Scala语言实战(4)

在之前的文章中&#xff0c;我们学习了如何在scala中定义无参&#xff0c;带参以及匿名函数。想了解的朋友可以查看这篇文章。同时&#xff0c;希望我的文章能帮助到你&#xff0c;如果觉得我的文章写的不错&#xff0c;请留下你宝贵的点赞&#xff0c;谢谢。 Spark-Scala语言…

四、HarmonyOS应用开发-ArkTS开发语言介绍

目录 1、TypeScript快速入门 1.1、编程语言介绍 1.2、基础类型 1.3、条件语句 1.4、函数 1.5、类 1.6、模块 1.7、迭代器 2、ArkTs 基础&#xff08;浅析ArkTS的起源和演进&#xff09; 2.1、引言 2.2、JS 2.3、TS 2.4、ArkTS 2.5、下一步演进 3、ArkTs 开发实践…

Verilog基础:always结构和initial结构

相关阅读 Verilog基础https://blog.csdn.net/weixin_45791458/category_12263729.html?spm1001.2014.3001.5482 always和initial是Verilog中的核心&#xff0c;它们被称为结构(construct)&#xff0c;用于组织语句的执行方式。下面将分别对这两者进行阐述。 always结构 图1是…

弹框el-dialog title展示不下,鼠标hover显示tip

el-dialog title展示不下&#xff0c;鼠标hover显示tip <el-dialog:visible.sync"shows":close-on-click-modal"false"v-dialogDragwidth"520px"><template #title><div class"custom-title"><el-tooltipplaceme…

【文件操作和IO】

文件操作和IO 1.文件2. 硬盘上文件的目录结构3. 文件路径4. 文件重要分类&#xff1a;5. Java中操作文件5.1 Java对于文件操作的API5.2 Java中使用File类来进行文件操作5.3 File类属性5.4 构造方法5.5 方法&#xff1a; 6. 文件内容的读写 -- 文件流&#xff08;数据流&#xf…

Apache Superset

前言 最近在准备一个小的项目&#xff0c;需要对 Hive 的数据进行展示&#xff0c;所以想到了把 Hive 的数据导出到 MySQL 然后用 Superset 进行展示。 Superset 1.1 Superset概述 Apache Superset是一个现代的数据探索和可视化平台。它功能强大且十分易用&#xff0c;可对接…

kubesphere all in one部署Jenkins提示1 Insufficient cpu

原因 devops 至少一个cpu&#xff08;1000m&#xff09;&#xff0c;但是其他资源已经占用了很多cpu CPU 资源以 CPU 单位度量。Kubernetes 中的一个 CPU 等同于&#xff1a; 1 个 AWS vCPU 1 个 GCP核心 1 个 Azure vCore 裸机上具有超线程能力的英特尔处理器上的 1 个超线程…

RISC-V架构的三种特权模式如何切换

1、RISC-V的三种特权模式 特权模式功能描述机器模式&#xff08;M-mode&#xff09;具有最高特权等级&#xff0c;具有访问所有资源的权限&#xff0c;通常运行固件和内核用户模式&#xff08;U-mode&#xff09;权限要比M模式低&#xff0c;通常是用来运行操作系统内核管理员…

MyBatis3源码深度解析(十七)MyBatis缓存(一)一级缓存和二级缓存的实现原理

文章目录 前言第六章 MyBatis缓存6.1 MyBatis缓存实现类6.2 MyBatis一级缓存实现原理6.2.1 一级缓存在查询时的使用6.2.2 一级缓存在更新时的清空 6.3 MyBatis二级缓存的实现原理6.3.1 实现的二级缓存的Executor类型6.3.2 二级缓存在查询时使用6.3.3 二级缓存在更新时清空 前言…

2024年第六届区块链与物联网国际会议(BIOTC 2024)即将召开!

2024年第六届区块链与物联网国际会议&#xff08;简称&#xff1a;BIOTC 2024&#xff09;将于2024 年 7 月 19 日至 21 日在日本福冈召开&#xff0c;旨在为来自行业、学术界和政府的研究人员、从业者和专业人士提供一个论坛&#xff0c;就研发区块链和物联网的专业实践进行交…

简介:使用TensorFlow实现python简版神经网络模型

如果你想进一步深入AI编程的魔法世界&#xff0c;那么TensorFlow和PyTorch这两个深度学习框架将是你的不二之选。它们可以帮助你构建更加复杂的神经网络模型&#xff0c;实现图像识别、语音识别等高级功能。 模型原理&#xff1a;神经网络是一种模拟人脑神经元结构的计算模型&a…

python 基于 websocket 的简单将视频推流到网页

本来有一台设备是要搞成无线的形式的&#xff0c;设备的摄像头的数据可以在一台局域网连接的平板上查看&#xff0c;因为试着使用 RTMP 推流&#xff0c;感觉延时太大了&#xff0c;而 Webrtc 感觉有太麻烦了&#xff0c;所以一开始看到这篇文章使用 UDP 协议进行推流&#xff…

stable diffusion webui ubuntu 安装

1.git clone 下来 GitHub - AUTOMATIC1111/stable-diffusion-webui: Stable Diffusion web UIStable Diffusion web UI. Contribute to AUTOMATIC1111/stable-diffusion-webui development by creating an account on GitHub.https://github.com/AUTOMATIC1111/stable-diffus…