Question

我想清除文本字段中的文本，例如，如果你去了 gmail account signup 您可以看到在开始输入后文本将被清除，这么简单

document.getElementById("FirstName").value = "";无效，单词First仍然会在那里。

那么如何清除呢？谢谢。

Answer 1

仔细看看HTML。字符串First不是文本框的值，而是通过CSS放置在其上的SPAN。

<label id="firstname-label" class="firstname">
  <strong>First name</strong>
  <input id="FirstName" type="text" spellcheck="false" name="FirstName" value="" n="1">
  <span id="firstname-placeholder" class="placeholder-text" style="display: block;">First</span>
</label>

该技术有时称为watermark。

至于如何更改值并隐藏SPAN

只要输入有值（看起来它绑定在keyUp事件上），此内联样式就会添加到范围display: none;中。如果您想以编程方式设置input#FirstName并清除范围，则需要以编程方式触发触发隐藏的事件或以编程方式隐藏范围（看起来每个具有占位符值的输入都使用ID { {1}}因此您可以根据您正在设置的输入ID猜测正确的范围

清除textfield JavaScript中的文本

1 个答案: