几个特殊的控件

目录

一、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,一经查实,立即删除!

相关文章

SpringBoot自定义Starter:IP计数业务功能开发

🙈作者简介:练习时长两年半的Java up主 🙉个人主页:程序员老茶 🙊 ps:点赞👍是免费的,却可以让写博客的作者开心好久好久😎 📚系列专栏:Java全栈,计算机系列(火速更新中) 💭 格言:种一棵树最好的时间是十年前,其次是现在 🏡动动小手,点个关注不迷路,…

每天学习一个Linux命令之nano

每天学习一个Linux命令之nano 在Linux系统中&#xff0c;有许多文本编辑器可供选择&#xff0c;而nano是其中一款简洁易用的编辑器。本篇博客将详细介绍nano命令及其可用的选项&#xff0c;帮助读者更好地使用这个命令。 Nano命令简介 Nano是一个开源的、易于使用的、基于终…

RocketMq 顺序消费、分区消息、延迟发送消息、Topic、tag分类 实战(基本概念) (一)

1、RocketMq基本概念 Topic 消息主题&#xff0c;一级消息类型&#xff0c;通过Topic对消息进行分类。更多信息&#xff0c;请参见Topic与Tag最佳实践。 消息&#xff08;Message&#xff09; 消息队列中信息传递的载体。 Message ID 消息的全局唯一标识&#xff0c;由云消息队…

对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.清空…

持续集成平台 01 jenkins 入门介绍

拓展阅读 Devops-01-devops 是什么&#xff1f; Devops-02-Jpom 简而轻的低侵入式在线构建、自动部署、日常运维、项目监控软件 代码质量管理 SonarQube-01-入门介绍 项目管理平台-01-jira 入门介绍 缺陷跟踪管理系统&#xff0c;为针对缺陷管理、任务追踪和项目管理的商业…

JAVAEE多线程——锁

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

如何利用MySQL建立覆盖原表的索引优化查询性能

MySQL数据库中&#xff0c;建立合适的索引对于提高查询性能至关重要。然而&#xff0c;在某些情况下&#xff0c;我们可能需要进一步优化查询性能&#xff0c;而覆盖索引&#xff08;Covering Index&#xff09;就是一种有效的方法。本文将介绍什么是覆盖索引以及如何在MySQL中…

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、研发&#xff1a;软件开发&#xff08;选择&#xff09;2、研发&#xff1a;非技术题&#xff08;选择&#xff09;3、研发&#xff1a;编程题4、产品、运营、项目、视觉、设计、交互5、人力、财务、行政、咨询、管理6、…

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

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

H5 与 App、网页之间的通信

前言 本文整理工作中 H5 嵌入 Android、iOS 与 PC 网页后&#xff0c;如何与各端通信。&#xff08;提供 H5 端的代码&#xff09; 环境判断 const ua navigator.userAgent.toLowerCase()const isAndroid /android/i.test(ua)const isIos /iphone|ipod|ios/i.test(ua)cons…

笔试题——得物春招实习

开幕式排练 题目描述 导演在组织进行大运会开幕式的排练&#xff0c;其中一个环节是需要参演人员围成一个环形。演出人员站成了一圈&#xff0c;出于美观度的考虑&#xff0c;导演不希望某一个演员身边的其他人比他低太多或者高太多。 现在给出n个参演人员的身高&#xff0c;问…

使用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电源&…

每天一个数据分析题(二百二十)

在集成学习的GBDT算法中&#xff0c;每次训练新的决策树的目的是( )&#xff1f; A. 预测原始数据的标签 B. 预测上一个模型的残差 C. 降低模型的偏差 D. 降低模型的方差 题目来源于CDA模拟题库 点击此处获取答案

python练习3

用户登录注册案例 while True: print("\t\t\t英雄商城登录界面\n") print("~*"*38) print("\t\t\t1.用户登录\n") print("\t\t\t2.用户注册\n") print("\t\t\t3.退出系统\n") print("~*"*38) choice input("…

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是…