El método de reinicio del formulario en HTML se utiliza para borrar el contenido ingresado por el usuario. Se ha pensado erróneamente que simplemente borra los valores en elementos de entrada como la entrada.
Pero en realidad este no es el caso. La esencia del método de reinicio es restaurar el contenido de los elementos de entrada, como la entrada al valor en el valor del atributo, no al "" valor nulo.
Esto es lo que dice w3c:
Cada vez que aparece la etiqueta <input type="reset"> en un formulario HTML, se crea un objeto Reset.
Cuando se hace clic en el botón Restablecer, los valores de todos los elementos de entrada en el formulario contenedor se restablecen a sus valores predeterminados. El valor predeterminado se especifica mediante el atributo de valor HTML o el atributo defaultValue de JavaScript.
En situaciones reales, a menudo necesitamos implementar el restablecimiento del formulario al editar cierto contenido, pero en este momento es posible que se le haya asignado un valor al atributo de valor de los elementos de entrada, como la entrada, por lo que restablecer simplemente inicializa el formulario a este valor.
En este caso, solo podemos usar JavaScript para establecer el atributo de valor de los elementos de entrada, como la entrada, en vacío para lograr el efecto de reinicio.