通过css使输入不可见？

Question

我有一个表单,根据网站的品牌,在一个给定的位置应该可以看到两个输入字段中的一个.

我想我只是将两个输入字段放在同一个容器中,然后通过我的样式表设置其中一个显示:none; 这确实隐藏了这个领域,但它仍然占据了空间.我也尝试将高度和宽度设置为0或将可见性设置为隐藏或折叠,但没有一个工作.

直到现在所有的品牌推广都可以用css样式表完成,所以我想保持这种方式.至少应该在IE6及更高版本,Firefox 2及更高版本和Chrome(最新版)中支持该解决方案.

Answer 1

你为什么不用输入type="hidden"？

Answer 2

如何设置position: absolute;应该从渲染流中取出的不可见输入字段.

但是,display: none理论上它应该做同样的事情......

Answer 3

<style>
.hideme
{
    display:none;
    visibility:hidden;
}
.showme
{
    display:inline;
    visibility:visible;
}
</style>


<input type="text" name="mytext" class="hideme">

你可以设置class ="hideme"来隐藏你的控件,或者class ="showme"来显示你的控件.您可以使用JavaScript或服务器端编码设置此toggeling.