form.js-form(action="")
  fieldset
    legend Regular form
    input(type="text", name="test", value="Test")
  div
br
form.js-form(action="")
  fieldset
    legend Form with disabled input
    input(type="text", name="test", value="Test", disabled)
  div
br
form.js-form(action="")
  fieldset(disabled)
    legend Form with disabled fieldset
    input(type="text", name="test", value="Test")
  div
View Compiled
const $forms = document.querySelectorAll('.js-form')

if($forms.length) {
  $forms.forEach($form => {
    const $div = $form.querySelector('div')
    
    const result = Array.from(new FormData($form)) 
    
    $div.innerHTML = 'FormData: '
    $div.innerHTML += result.length ? result : 'Empty'
  })
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.