js,清空html输入框中的值
时间: 2024-03-21 15:38:53 浏览: 52
javascript 清除输入框中的数据
5星 · 资源好评率100%
可以使用 JavaScript 来清空 HTML 输入框中的值。常用的两种方法如下:
1. 使用 value 属性
可以直接将输入框的 `value` 属性设置为空字符串来清空输入框中的值,例如:
```javascript
document.getElementById("input-box").value = "";
```
其中,`input-box` 是输入框的 ID。
2. 使用 reset() 方法
对于表单元素,可以使用 `reset()` 方法来将所有表单元素的值重置为默认值。例如:
```javascript
document.getElementById("form").reset();
```
其中,`form` 是表单的 ID。
需要注意的是,以上两种方法都只能清空输入框中的值,而不能清空输入框的样式和其他属性。如果需要重置输入框的样式和属性,可以使用外部库,比如 jQuery 中的 `val()` 方法。例如:
```javascript
$("#input-box").val("");
```
其中,`input-box` 是输入框的 ID。
阅读全文