visibility: hidden 和 Visible="false"的区别

最新推荐文章于 2025-06-18 17:47:11 发布
最新推荐文章于 2025-06-18 17:47:11 发布
阅读量8.1k 收藏 1
点赞数
分类专栏： C# .net ASP.NET
本文探讨了CSS中style=visibility:hidden;与服务器控件Visible=false的区别。前者仅隐藏控件但保留HTML结构，便于JavaScript操作；后者完全移除控件，无法通过JavaScript访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

转自：http://blog.sina.com.cn/s/blog_4dde376501016yrd.html


CSS中style="visibility: hidden;" & 服务器控件的Visible="false"


1、CSS中style="visibility: hidden;" 和 js中的control.style.visibility="hidde";
它只是把当前控检的标记标识为不显示，但在页面呈现的HTML标记语言中是存在着的，换句话说就是用JS取查找这个控检是可以查找到的。

2、我们在使用服务器控件并不显示它并且需要用JS对这个控件行为时用style="visibility: hidden;"
而不要用服务器控件本身的Visible="false" 属性

我的Android进阶之旅------>Android中android:visibility 属性VISIBLE、INVISIBLE、GONE的区别
字节卷动
11-15 5066
在Android开发中，大部分控件都有visibility这个属性，其属性有3个分别为“visible ”、“invisible”、“gone”。主要用来设置控制控件的显示和隐藏。有些人可能会疑惑Invisible和gone是有什么区别的？？？那么，我们带着这个疑问看下面：其在XML文件和Java代码中设置如下：   可见（visible) XML文件：android:visibilit
css display：none和visibility:hidden和visible="false"区别
Xavier Yang's Blog
03-17 3954
如果在div的style中把visibility设为hidden则div隐藏，但是它会占据空白空间，而如果设置成display：none则不占据空白空间；而visible="false"则div不返回在html中；下面是给出的代码：运行一下就知道区别了。@ Page Language="C#" %>   DOCTYPE html PUBLIC "-
设置style="DISPLAY: none"和visible=false的区别
weixin_30752699的博客
04-01 306
style="DISPLAY:none" 客户端visible=false　　　　 服务端写了visible=false 在运行的时候，HTML里面就无法调用这个控件了，然而用style="DISPLAY:none"还是可以， 如：使用DATAGRID，在WEB设计界面把某一列设置为"visible=false"，然后在IE的查看生成的HTML你会发现这列没在了， 但是...
v-if、display、visibility、opacity隐藏元素的区别
weixin_50882748的博客
06-18 669
《前端元素隐藏与条件渲染完全指南》对比分析了Vue、React和CSS中常见的隐藏方式。Vue的v-if会移除DOM并触发生命周期，适合低频场景；v-show通过CSS切换display:none，适合高频切换。CSS隐藏方式中，display:none彻底隐藏元素，visibility:hidden保留布局，opacity:0支持交互。React通过&&实现类似v-if的条件渲染，或用display:none模拟v-show。文章通过对比表格总结了各方案在DOM存在性、渲染树参与、交互性等
认识Visible=false
weixin_30772105的博客
07-09 1808
如果有一个隐藏input来存放数据。但是一旦隐藏了Jquery就$不到了！ 所以还要采取其他的方法。之前一直想当然的认为Jquery还能看到的。想当然害死人啊！ 转载于:https://www.cnblogs.com/master-zhu/archive/2010/06/28/1766980.html...
C# 关于控件Visible为false 却依然显示的问题
热门推荐
意琦行的博客
06-26 1万+
首先，控件在显示的时候必定有了他的父窗口 那么，在先隐藏父窗口之后你调试看到的该控件Visible属性为false 也许，你会现在以为这个控件隐藏掉了，所有就没有显式调用 control.Visible = false; 那么，你就会发现在显示父窗口之后，你并没有把控件Visible属性设为true，而它却显示了。 其实，如果你没有主动设置控件的Visible属性的话，他的值永远都与父窗口
javascript怎么把控件设成visible=false
lee576的专栏
01-16 3201
在code-behind下我们可以轻松的把一个控件设成不可见，但是这其中有一个问题，如果 visible=false了以后，在客户端的javascript如果想对这个控件做某种操作就办不到了，因为visible=false后该控件跟本不会加载到浏览器中,现在我们讨论的是如何用javascript把一个控件设为不可见document.getElementById("kssc").style.visi
控件隐藏(Visible=false)的一个问题
weixin_34096182的博客
05-12 796
<asp:Label ID="lblFare" runat="server" Text="" ForeColor ="red" Font-Bold ="true" style='display:none;'></asp:Label> 与 <asp:Label ID="lblFare" runat="server" Text="" ForeColor ="red" ...
display:none 和visible:false 的区别
学而不思则罔，思而不学则殆。
12-10 1321
<br />第一种仅仅是隐藏了控件，但是html代码依然生成，也就是我里面的textBox还是会生成input控件，而第二种就直接不生成html控件了。<br />如果TextBox后面有验证控件会有这个问题：画面上看不到输入项，但是点击确定按钮始终看不到页面提交。<br />产生这个问题的原因是：该验证控件并没有消失，只是被强制不显示了，导致用户也不知道哪里出了问题。<br />如果采用第二种方法，就不存在这个问题，因为在html代码里根本没有产生这个验证控件，所以仍然是可以提交页面的。<br />所以，
jsp visibility:hidden
最新发布
07-25
在 JSP 页面中设置元素的 `visibility` 属性为 `hidden`，可以通过内联样式或外部 CSS 样式表实现。JSP 本质上是基于 HTML 的服务器端技术，因此设置样式的方式与 HTML 完全一致。以下是一些常见的实现方式： ### 1...
visible=False
10-08
在CSS和服务器控件中，`visibility: hidden` 和 `Visible="false"` 的区别主要体现在控制元素的可见性上： 1. **CSS** 中的 `style="visibility: hidden;"`[^1]： 这种方式是通过CSS属性来设置元素的可见性。虽然...
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".MainActivity"> <!-- 语言选择器 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:orientation="horizontal"> <Spinner android:id="@+id/language_spinner1" android:layout_width="0dp" android:layout_height="50dp" android:layout_marginRight="10dp" android:layout_weight="1" /> <Spinner android:id="@+id/language_spinner2" android:layout_width="0dp" android:layout_height="50dp" android:layout_marginLeft="10dp" android:layout_weight="1" /> </LinearLayout> <!-- 消息列表（占满中间空间） --> <ListView android:id="@+id/messageListView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:divider="@android:color/transparent" android:dividerHeight="8dp" android:padding="16dp" /> <!-- 用ScrollView包裹输入区域，确保键盘弹出时可滚动 --> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:fillViewport="true"> <!-- 关键：确保ScrollView占满可用空间 --> <!-- 输入区域 --> <LinearLayout android:id="@+id/line1" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#F5F5F5" android:orientation="horizontal" android:padding="8dp"> <!-- 语音/键盘切换按钮 --> <ImageButton android:id="@+id/voiceTextToggleButton" android:layout_width="35dp" android:layout_height="35dp" android:layout_gravity="center_vertical" android:background="@mipmap/icon_shengbo" android:padding="8dp" /> <!-- 文字输入框 --> <EditText android:id="@+id/textInputEditText" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_weight="1" android:background="@android:color/white" android:ems="10" android:gravity="top" android:hint="输入消息..." android:minHeight="35dp" android:padding="12dp" /> <!-- 语音输入按钮（默认隐藏） --> <Button android:id="@+id/recordButton" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_weight="1" android:text="按住 说话" android:textColor="#FFFFFF" android:visibility="gone" android:textSize="16sp" /> </LinearLayout> </ScrollView> </LinearLayout>如何解决当键盘弹起来后输入框与键盘之间有空隙
07-22
// keyboard probably just became visible frameLayoutParams.height = usableHeightSansKeyboard - heightDifference; } else { // keyboard probably just became hidden frameLayoutParams.height = ...
display:none 和visible:false 的区别（转）
cuibinmo3519的博客
06-08 186
天遇到一个需求，把原先表单上需要输入的一个项隐藏起来，考虑有2种方法： 首先说一下页面布局，这个输入项是一个TextBox,放在一个Table里的一个TR下的TD里，所以可以对TR进行隐藏 一种：把TR的display...
Textbox.Visible=False隐藏方式导致的问题
weixin_30815427的博客
10-14 305
今天公司的正式环境有个功能不好使，但是测试环境没有问题，经过和同事的研讨，发现应该是我在写代码的时候把Textbox的visible属性设置为false导致的。 当时的需求是需要在发邮件的时候加上“相关说明”，而“相关说明”的内容是由第一个发邮件的人填写的，第二个人在接到邮件以后，登录系统，发送第二封邮件， 邮件的“相关说明”是用第一个人的最后一次写的“相关说明”，自己不写“相关说明”。由于公...
webbrower visible = false 的后果
l09120204的博客
12-27 379
这个问题其实老早就遇到过，今天又碰到了，没反应过来，还花了半个小时才发现原因。 问题背景：在本机测试ok了，将测试按钮所在的panel 设置visible：= false,   然后部署到服务器上                   panel上有个webbrowse 用于执行js代码的 问题：在服务上运行时会报异常 我又干了啥！ 在本机测试运行好好的，怎
GridView控件使用了visible=false之后，就取不到相应列的值了
itzhiren的专栏
02-15 2815
如果要在GridView 控件中隐藏不必要的列，使用visible="false"后 你就无法取得这列的值了.解决问题的方法很简单:-------------------------------------------------- protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)   
_visible
weixin_30894583的博客
04-25 381
_visible（Button._visible 属性） 布尔值，指示由 my_btn 指定的按钮是否可见。禁用不可见的按钮（_visible 属性设置为 false）。 可用性：ActionScript 1.0；Flash Player 6 示例 在舞台上创建两个按钮，它们的实例名称分别为 myBtn1_btn 和 myBtn2_btn。在时间轴的第 1 帧中输入下...
html visibility 替代服务器端控件 visable属性！
weixin_30270561的博客
06-30 369
很多人经常会通过控件自身属性 Visable=false来隐藏控件。但通常我在隐藏的同时还想获取它的值，如果您还用这个属性就不好办了，除非借助ajax否则不能或都说很难取到值（如果有方法请告知），因为在生成的html源代码文件中是跟本找不到属性为Visable=false的一点代码。所以，如果不是单纯的隐藏控件，最好还是用控件的Style="visibility: hidden"属性吧。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值