佔位符值未在Chrome中顯示？

這是我的代碼。我不明白爲什麼佔位符未顯示在資源管理器中。請幫忙。佔位符值未在Chrome中顯示？

HTML代碼

<form method="post" > 
    <input type="text" class="field" name="nom" placeholder="Votre Nom"> 
    <input type="text" class="field" name="telephone" placeholder="Téléphone"> 
    <center><input type="submit" id="submit_btn" value="Valider" class="btn_submit"></center> 
</form>

來源

2014-12-04 Russel Monzur

哪個版本的chrome？它爲我工作在版本39.0.2171.71 http://jsfiddle.net/zj0xbe1p/ – Manwal 2014-12-04 05:46:29

它也適用於我在版本36.0.1985.143米http://jsfiddle.net/8hqkuyup/ – BNN 2014-12-04 06:21:52

我的谷歌瀏覽器版本是版本39.0 .2171.71米 – 2014-12-04 06:27:58

嘗試的onfocus，而不是使用佔位符，將工作

<input name="nom" type="text" value="Votre Nom" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">

讓我知道它是否有效與否

來源

2014-12-04 05:50:19 BNN

是的它的工作原理。謝謝。 – 2014-12-05 09:46:00

我是新來的。爲了滿足你的回答，我必須獲得15點聲望。但你的回答對我來說很有幫助。當我獲得15點聲望時，我會加註你。我需要您的幫助，可以爲開發響應式css設計提供一些有效的鏈接。如果爲我做這件事，我會很感激你。 – 2014-12-05 11:27:19

@RusselMonzur：基本上你應該有一些HTML和CSS的先進知識來學習響應式css設計。反正請參閱鏈接http://www.w3schools.com/html/html_responsive.asp http://learn.shayhowe.com/advanced-html-css/responsive-web-design/ – BNN 2014-12-05 13:02:23

確保您有正確的顏色設置，一個重點，後來的焦點（爲高r特異性）。例如：

input::-webkit-input-placeholder { 
    color: transparent; 
} 

input:focus::-webkit-input-placeholder { 
    color: #888; 
}

來源

2016-10-03 13:11:04

佔位符值未在Chrome中顯示？

回答

相關問題