Skip to content

Instantly share code, notes, and snippets.

@Kein1945
Created November 18, 2013 08:16
Show Gist options
  • Save Kein1945/7524410 to your computer and use it in GitHub Desktop.
Save Kein1945/7524410 to your computer and use it in GitHub Desktop.
Chrome dev tool snippet for print forms detail info
[].forEach.call(document.querySelectorAll('form'), function (input) {
var table = [];
console.group('HTMLForm "' + input.name + '": ' + input.action);
console.log('Element: ', input, '\nName: ' +
input.name + '\nMethod: ' + input.method.toUpperCase() +
'\nAction: ' + input.action || 'null');
['input', 'textarea', 'select'].forEach(function (control) {
[].forEach.call(input.querySelectorAll(control), function (node) {
table.push({
'Element': node,
'Type': node.type,
'Name': node.name,
'Value': node.value,
'Pretty Value': (isNaN(node.value) || node.value === '' ?
node.value : parseFloat(node.value))
});
});
});
console.table(table);
console.groupEnd();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment