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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.