隱藏的標籤，但顯示佔位符在同一時間？

-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

隱藏的標籤，但顯示佔位符在同一時間？

回答

相關問題