js中输入框输入之后 清空
时间: 2024-02-28 13:56:43 浏览: 72
JavaScript实现输入框与清空按钮联动效果
你可以使用JavaScript来清空输入框中的内容。以下是使用JavaScript清空输入框内容的方法:
1. 使用value属性将输入框的值设为空字符串:
```
document.getElementById("myInput").value = "";
```
其中,myInput是输入框的id属性。
2. 使用reset()方法将表单中所有输入框的值都设为空字符串:
```
document.getElementById("myForm").reset();
```
其中,myForm是表单的id属性。
你可以将上述代码添加到输入框的事件处理程序中,例如在keyup事件中清空输入框中的内容,以下是示例代码:
```
document.getElementById("myInput").addEventListener("keyup", function() {
this.value = ""; // 清空输入框中的内容
});
```
当用户在输入框中输入内容时,keyup事件会被触发,执行事件处理程序中的代码,从而清空输入框中的内容。
阅读全文