javascript - 清除文本字段 JavaScript 中的文本

Question

我想清除文本字段中的文本，例如如果你去 gmail帐户注册 你可以看到你开始输入后文本会被清除，很简单

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>

该技术有时被称为水印。

至于如何改变值和隐藏SPAN

一旦输入有一个值（它看起来像是绑定在 keyUp 事件上），这个内联样式就会被添加到 spandisplay: none;中。如果您想以编程方式设置input#FirstName和清除范围，您需要以编程方式触发触发隐藏的事件或以编程方式隐藏范围（看起来每个具有占位符值的输入都使用 ID <input ID>-placeholder，因此您可以猜到正确的跨度基于您正在设置的输入的 ID）