ラベルを非表示にしますが、プレースホルダを同時に表示しますか？

Question

私はこのコードの形式があります：私は（私はそれを削除したくない）ラベルの一部を非表示にしたいので、私はstyle="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> 

をフィールドの。

これを解決する方法はありますか？

Answer 1

入力のプレースホルダに影響を与えるべきではありませんlabeldisplay: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>

Answer 2

JSFiddleで私のためにこの

.f-label label{display:none} 

Answer 3

#zipcode-label { 
    display: none; 
} 

作品で試してみてください、しかし私はhaではありませんあなたの内部または外部のスタイルシートは膨大な数になる可能性があります。