html 清空input输入框内容

在HTML中，如果你想要清空某个输入框（如 `input` 元素）的内容，可以直接操作其 `value` 属性，将其设置为空字符串 `""`。下面是一个简单的示例：

<input type="text" id="exampleInput" placeholder="请输入内容">

<button onclick="clearInput()">清空输入</button>

<script>
function clearInput() {
    var input = document.getElementById("exampleInput");
    input.value = ""; // 设置输入框的值为 ""
}
</script>

在这个例子中，当你点击“清空输入”按钮时，`clearInput` 函数会找到对应的输入元素，并将其值设为默认的空字符串，从而达到清空输入框的目的。

如果你想在没有JavaScript的情况下实现清空，也可以考虑使用 `onfocus` 和 `onblur` 事件来在焦点失去时自动清空，例如：

<input type="text" id="exampleInput" onfocus="this.value='';" onblur="if (this.value == '') {this.value = '';}" placeholder="请输入内容">

当输入框获取焦点时，会清空内容；失去焦点后，如果输入框还是空白，则再次清空。

相关问题

清空input输入框内容

可以使用JavaScript来清空input输入框内容，例如在一个按钮的点击事件中，可以使用以下代码：

document.getElementById("inputBox").value = "";

其中，"inputBox"是你要清空内容的input输入框的id。这行代码会将该input的值设置为空字符串，达到清空内容的效果。

antd清空input输入框内容

要清空Ant Design中的Input输入框内容，可以通过在Input组件上设置value属性为一个空字符串，或者使用ref获取Input组件的实例，然后调用实例的方法进行清空，具体实现方式如下：

1.设置value属性为一个空字符串

import { Input } from 'antd';

<Input value={''} />

2.使用ref获取Input组件的实例，然后调用实例的方法进行清空

import React, { useRef } from 'react';
import { Input } from 'antd';

const MyComponent = () => {
  const inputRef = useRef(null);

  const handleClearInput = () => {
    inputRef.current.input.value = '';
  };

  return (
    <div>
      <Input ref={inputRef} />
      <button onClick={handleClearInput}>清空</button>
    </div>
  );
};