php重置功能按钮,php - 重置按钮以清除表单字段 - 堆栈内存溢出

简单的解决方案

将按钮更改为：

CLEAR ENTRY

这是我更改的内容：

该事件应该是onclick而不是onkeydown 。

您必须在更改输入值之前触发重置，否则在更改值之后，它将重置为默认值。

删除type="reset" ，这不是必需的。

添加return false以便按钮不处理事件。

解决方案2

此方法不仅适用于您的表单，而且适用于您将拥有的所有其他表单。

我在按钮上添加了一个类reset ，它将触发重置。

From Box #:

To Box #:

UPDATE

CLEAR ENTRY

在JavaScript中，您可以添加click事件：

// Get all the reset buttons from the dom

var resetButtons = document.getElementsByClassName('reset');

// Loop through each reset buttons to bind the click event

for(var i=0; i

resetButtons[i].addEventListener('click', resetForm);

}

/**

* Function to hard reset the inputs of a form.

*

* @param object event The event object.

* @return void

*/

function resetForm(event){

event.preventDefault();

var form = event.currentTarget.form;

var inputs = form.querySelectorAll('input');

inputs.forEach(function(input, index){

input.value = null;

});

}