占位符值未在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>

哪个版本的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-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; 
}

占位符值未在Chrome中显示？

相关推荐