占位符值未显示在chrome中？

Question

这是我的代码。我不明白为什么占位符没有显示在资源管理器中。请帮忙。

HTML CODE

<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>

Answer 1

尝试 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;">

让我知道它是否有效

Answer 2

确保您设置了正确的颜色，一个在焦点上，而焦点一个在后面（为了更高的特异性）。例如：

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

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