输入清除 - Javascript

在编写 Javascript 应用程序时，经常需要清除输入字段中的内容。这通常是因为在提交表单之前需要验证表单数据，或者用户希望使用清空按钮删除所有内容。在本文中，我们将探讨如何使用 Javascript 在输入字段中清空内容。

使用 value 属性

最简单的方法是使用输入字段的 value 属性。可以在 Javascript 中获取输入字段的 DOM 元素，然后将 value 属性设置为空字符串来清除字段中的内容。

document.getElementById('myInput').value = '';

如果使用 jQuery，可以使用 val() 方法清空内容。

$('#myInput').val('');

重置表单

另一种方法是使用表单的 reset() 方法。这个方法将清除表单中所有输入字段的内容，并将它们重置为它们的默认值（如果有的话）。

document.getElementById('myForm').reset();

如果使用 jQuery，可以使用 trigger() 方法触发表单的 reset 事件来清空表单。

$('#myForm').trigger('reset');

设置默认值

如果希望在某个输入字段中设置默认值，可以将输入字段的 value 属性设置为所需的默认值。这将在页面加载时自动将输入字段填充为默认值。

<input type="text" id="myInput" value="默认值">

总结

清除输入字段中的内容是一个常见的任务，使用 value 属性或表单的 reset() 方法可以轻松地实现。如果需要为输入字段设置默认值，可以在输入字段的 value 属性中设置所需的默认值。