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

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

只要输入有一个值(它看起来像是绑定(bind)在 keyUp 事件上)，这个内联样式就会被添加到跨度 display: none; 中。 .如果您想以编程方式设置 input#FirstName并清除您需要的跨度，以编程方式触发触发隐藏的事件或以编程方式隐藏跨度(看起来每个具有占位符值的输入都使用 ID <input ID>-placeholder，因此您可以根据以下内容猜测正确的跨度您正在设置的输入的 ID)