JavaScript 清除文本框

Anika Tabassum Era 2022年5月10日

JavaScript JavaScript Textbox

JavaScript 中没有直接的方法或属性来擦除文本框中的值。基本假设是你想要隐藏或消除默认预览的占位符。

在这里，我们将给出一个使用 JavaScript 清除文本框的示例。

使用 `onfocus` 属性清除文本框

例如，我们将为输入文本框设置一个值，通过将其设置为 HTML 属性 onfocus 来触发函数 vanish()。稍后在脚本部分中，我们公开了将接受输入 id 的 vanish() 函数。

然后我们生成一个简单的 if 语句，它将检查值是否为 true 并将值再次设置为空白。

代码片段：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    input{
      color:gray;
    }
  </style>
</head>
<body>
  <input type="text" value="Enter value" onfocus="vanish()" id="input">
  <script>
  function vanish(){
    input = document.getElementById("input");
    if(input.value=="Enter value"){
      input.value = '';
    }
  }
  </script>
</body>
</html>

输出：

使用 onfocus 属性清除 Textbox1

单击文本框后，Enter Value 将自动清除。

使用 onfocus 属性清除 Textbox2.png

Author: Anika Tabassum Era

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn GitHub Facebook

使用 onfocus 属性清除文本框

相关文章 - JavaScript Textbox

使用 `onfocus` 属性清除文本框