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

标签 javascript textfield

我想清除文本字段中的文本,例如,如果您转到 gmail account signup 您可以看到开始输入后文本将被清除, 如此简单

document.getElementById("FirstName").value = ""; 不会工作,单词 First 仍然会在那里。

那么如何清除呢? 谢谢。

最佳答案

仔细查看 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)

关于javascript - 清除文本字段 JavaScript 中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13575095/

相关文章:

javascript - 尝试使 while 循环的范围大于 10 时出现错误

cocoa - 如何为文本字段指定默认字体和一些填充?

iphone - 如何在单个循环中添加多个 textField?

javascript - Javascript跨浏览器窗口onload方法

javascript - 从对象中获取对象中的键/对值

java - 使用 RegEx 验证字符串

ios - 如何在 SwiftUI 中禁用带有切换的文本字段?

Flutter 文本字段允许的文本格式

javascript - AJax 调用 Controller 从 JSP 页面传递数据

javascript - 为什么第二个按钮在这里没有做任何事情?