Html 占位符不'；当输入字段处于焦点时不会消失

当用户选择字段时，表单上每个输入字段的占位符值应消失，但不会消失。Doctype是HTML5

CSS

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

---

看这里

你可以用一点js实现同样的效果。不确定您正在查找的是HTML还是普通HTML@chiliNUT的选择应该适合你。不管怎样，因为我不太清楚你想要什么

这里有两个选项：

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" placeholder="First Name" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>

---

和。

您可以直接在HTML输入标记中使用

onfocus

和

onblur

事件

---

您使用的浏览器/操作系统是什么？在OSX 10.9.2和Safari 7.0.2上没有问题。这里没有问题。因此，在您键入之前，它不应该“消失”——正常的行为是当您开始键入时文本消失，而不是单击。任何数量的JS/CSS技巧都可以增加焦点消失的能力。

占位符

将显示，只要

值

为空，而不仅仅是焦点。在字段中键入某个内容，它应该隐藏。啊。很抱歉那篇文章有点骗了你的答案。尽管如此，还是读得不错！

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" placeholder="First Name" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>