Reset a single form element

reset.js

// Resets a given form element

function resetInput (input) {
  // 1. Remember the <input> position by grabbing sibling and parent
  const next = input.nextSibling
  const parent = input.parentNode

  // 2. Create a temporary <form> element, put the <input> there and reset that form
  const tmpForm = document.createElement('form')
  tmpForm.appendChild(input)
  tmpForm.reset()
  
  // Additional bugfix for IE11 who does not clear the FileList on form reset
  if (input.type === 'file') {
    input.value = ''
  }
  
  // 3. Put the <input> back to its original position
  parent.insertBefore(input, next)
}