隐藏的标签，但显示占位符在同一时间？

-1

<div id="zipcode-label" class="f-label"><label for="zipcode" class="required">Zip code</label></div> 
<div id="first-element" class="f-element"><input type="tel" class='rounder' size="5" name="zipcode" id="zipcode" placeholder="Your Zip code" value="" tabindex="2" pattern="[0-9]{5}" title="Five digit zipcode" required></div>

我想隐藏标签部分（我不想将其删除），所以我尝试使用style="display:none"，但由于某种原因它也隐藏占位符领域的。

任何方式来解决这个问题？

来源

2017-04-18 Bucky

你到底是想隐藏什么部分的重要部分？你想在标签中的文本被隐藏（例如，“邮政编码”），但有input元素仍清晰可见？您可能会考虑准确发布您尝试添加“display：none”样式的位置。 –

我们可以看看你的CSS吗？ – Badacadabra

我猜你正在使用某种框架（完全基于类名称，如“f-label”'），所以可能还有别的事情你没有告诉我们。 –

隐藏label与display:none;应该不影响输入的占位符：

label[for="zipcode"] { 
 
    display:none; 
 
}

<div id="zipcode-label" class="f-label"><label for="zipcode" class="required">Zip code</label></div> 
 
<div id="first-element" class="f-element"><input type="tel" class='rounder' size="5" name="zipcode" id="zipcode" placeholder="Your Zip code" value="" tabindex="2" pattern="[0-9]{5}" title="Five digit zipcode" required></div>

来源

2017-04-18 20:38:49 APAD1

然后，也许我的问题是不同的，因为我只是注意到，即使我不隐藏它，我没有看到占位符。我只看到占位符，如果我删除我的代码中的第一个DIV，有什么问题？ – Bucky

请使用能够重现问题的代码更新您的问题 – APAD1

与此

.f-label label{display:none}

来源

2017-04-18 20:38:57

#zipcode-label { 
    display: none; 
}

作品为我的jsfiddle尝试，但我没有已经内部或外部的样式表，这样可能是方程

来源

2017-04-18 20:41:15

隐藏的标签，但显示占位符在同一时间？

回答

相关问题